@mantine/emoji 0.0.0-stage → 9.8.1

package/esm/utils/emoji-grid-utils.mjs

@@ -0,0 +1,54 @@
+"use client";
+// packages/@mantine/emoji/src/utils/emoji-grid-utils.ts
+function createEmojiGridModel(items) {
+	const emojis = [];
+	const rows = [];
+	const emojiRows = [];
+	const itemOffsets = [];
+	items.forEach((item, itemIndex) => {
+		itemOffsets.push(emojis.length);
+		if (item.type === "row") {
+			rows.push({
+				itemIndex,
+				start: emojis.length,
+				length: item.emojis.length
+			});
+			for (const emoji of item.emojis) {
+				emojis.push(emoji);
+				emojiRows.push(rows.length - 1);
+			}
+		}
+	});
+	return {
+		emojis,
+		rows,
+		emojiRows,
+		itemOffsets
+	};
+}
+function getNextEmojiIndex(model, index, direction) {
+	const lastIndex = model.emojis.length - 1;
+	if (lastIndex < 0) return -1;
+	const current = Math.min(Math.max(index, 0), lastIndex);
+	if (direction === "left") return Math.max(current - 1, 0);
+	if (direction === "right") return Math.min(current + 1, lastIndex);
+	const rowPosition = model.emojiRows[current];
+	const targetRow = model.rows[rowPosition + (direction === "down" ? 1 : -1)];
+	if (!targetRow) return current;
+	const column = current - model.rows[rowPosition].start;
+	return targetRow.start + Math.min(column, targetRow.length - 1);
+}
+function getEmojiItemIndex(model, index) {
+	const row = model.rows[model.emojiRows[index]];
+	return row ? row.itemIndex : -1;
+}
+function applySkinTone(emoji, skinTone) {
+	if (skinTone > 0 && emoji.skins && emoji.skins[skinTone - 1]) return {
+		...emoji,
+		emoji: emoji.skins[skinTone - 1]
+	};
+	return emoji;
+}
+export { applySkinTone, createEmojiGridModel, getEmojiItemIndex, getNextEmojiIndex };
+
+//# sourceMappingURL=emoji-grid-utils.mjs.map

package/esm/utils/emoji-grid-utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji-grid-utils.mjs","names":[],"sources":["../../src/utils/emoji-grid-utils.ts"],"sourcesContent":["import type { EmojiPickerEmoji, FlattenedRowItem } from '../types';\n\nexport interface EmojiGridRow {\n  itemIndex: number;\n  start: number;\n  length: number;\n}\n\nexport interface EmojiGridModel {\n  emojis: EmojiPickerEmoji[];\n  rows: EmojiGridRow[];\n  emojiRows: number[];\n  itemOffsets: number[];\n}\n\nexport type EmojiGridDirection = 'left' | 'right' | 'up' | 'down';\n\nexport function createEmojiGridModel(items: FlattenedRowItem[]): EmojiGridModel {\n  const emojis: EmojiPickerEmoji[] = [];\n  const rows: EmojiGridRow[] = [];\n  const emojiRows: number[] = [];\n  const itemOffsets: number[] = [];\n\n  items.forEach((item, itemIndex) => {\n    itemOffsets.push(emojis.length);\n    if (item.type === 'row') {\n      rows.push({ itemIndex, start: emojis.length, length: item.emojis.length });\n      for (const emoji of item.emojis) {\n        emojis.push(emoji);\n        emojiRows.push(rows.length - 1);\n      }\n    }\n  });\n\n  return { emojis, rows, emojiRows, itemOffsets };\n}\n\nexport function getNextEmojiIndex(\n  model: EmojiGridModel,\n  index: number,\n  direction: EmojiGridDirection\n): number {\n  const lastIndex = model.emojis.length - 1;\n  if (lastIndex < 0) {\n    return -1;\n  }\n\n  const current = Math.min(Math.max(index, 0), lastIndex);\n\n  if (direction === 'left') {\n    return Math.max(current - 1, 0);\n  }\n\n  if (direction === 'right') {\n    return Math.min(current + 1, lastIndex);\n  }\n\n  const rowPosition = model.emojiRows[current];\n  const targetRow = model.rows[rowPosition + (direction === 'down' ? 1 : -1)];\n  if (!targetRow) {\n    return current;\n  }\n\n  const column = current - model.rows[rowPosition].start;\n  return targetRow.start + Math.min(column, targetRow.length - 1);\n}\n\nexport function getEmojiItemIndex(model: EmojiGridModel, index: number): number {\n  const row = model.rows[model.emojiRows[index]];\n  return row ? row.itemIndex : -1;\n}\n\nexport function applySkinTone(emoji: EmojiPickerEmoji, skinTone: number): EmojiPickerEmoji {\n  if (skinTone > 0 && emoji.skins && emoji.skins[skinTone - 1]) {\n    return { ...emoji, emoji: emoji.skins[skinTone - 1] };\n  }\n  return emoji;\n}\n"],"mappings":";;AAiBA,SAAgB,qBAAqB,OAA2C;CAC9E,MAAM,SAA6B,CAAC;CACpC,MAAM,OAAuB,CAAC;CAC9B,MAAM,YAAsB,CAAC;CAC7B,MAAM,cAAwB,CAAC;CAE/B,MAAM,SAAS,MAAM,cAAc;EACjC,YAAY,KAAK,OAAO,MAAM;EAC9B,IAAI,KAAK,SAAS,OAAO;GACvB,KAAK,KAAK;IAAE;IAAW,OAAO,OAAO;IAAQ,QAAQ,KAAK,OAAO;GAAO,CAAC;GACzE,KAAK,MAAM,SAAS,KAAK,QAAQ;IAC/B,OAAO,KAAK,KAAK;IACjB,UAAU,KAAK,KAAK,SAAS,CAAC;GAChC;EACF;CACF,CAAC;CAED,OAAO;EAAE;EAAQ;EAAM;EAAW;CAAY;AAChD;AAEA,SAAgB,kBACd,OACA,OACA,WACQ;CACR,MAAM,YAAY,MAAM,OAAO,SAAS;CACxC,IAAI,YAAY,GACd,OAAO;CAGT,MAAM,UAAU,KAAK,IAAI,KAAK,IAAI,OAAO,CAAC,GAAG,SAAS;CAEtD,IAAI,cAAc,QAChB,OAAO,KAAK,IAAI,UAAU,GAAG,CAAC;CAGhC,IAAI,cAAc,SAChB,OAAO,KAAK,IAAI,UAAU,GAAG,SAAS;CAGxC,MAAM,cAAc,MAAM,UAAU;CACpC,MAAM,YAAY,MAAM,KAAK,eAAe,cAAc,SAAS,IAAI;CACvE,IAAI,CAAC,WACH,OAAO;CAGT,MAAM,SAAS,UAAU,MAAM,KAAK,YAAY,CAAC;CACjD,OAAO,UAAU,QAAQ,KAAK,IAAI,QAAQ,UAAU,SAAS,CAAC;AAChE;AAEA,SAAgB,kBAAkB,OAAuB,OAAuB;CAC9E,MAAM,MAAM,MAAM,KAAK,MAAM,UAAU;CACvC,OAAO,MAAM,IAAI,YAAY;AAC/B;AAEA,SAAgB,cAAc,OAAyB,UAAoC;CACzF,IAAI,WAAW,KAAK,MAAM,SAAS,MAAM,MAAM,WAAW,IACxD,OAAO;EAAE,GAAG;EAAO,OAAO,MAAM,MAAM,WAAW;CAAG;CAEtD,OAAO;AACT"}

package/esm/utils/flatten-emoji-data.mjs

@@ -0,0 +1,33 @@
+"use client";
+// packages/@mantine/emoji/src/utils/flatten-emoji-data.ts
+function chunkArray(array, size) {
+	const chunks = [];
+	for (let i = 0; i < array.length; i += size) chunks.push(array.slice(i, i + size));
+	return chunks;
+}
+function flattenEmojiData(data, columns, categoryLabels) {
+	const items = [];
+	for (const category of data.categories) {
+		const emojis = [];
+		for (const emojiId of category.emojis) {
+			const emoji = data.emojis[emojiId];
+			if (emoji) emojis.push(emoji);
+		}
+		if (emojis.length === 0) continue;
+		const label = categoryLabels?.[category.id] ?? category.label;
+		items.push({
+			type: "header",
+			categoryId: category.id,
+			label
+		});
+		const rows = chunkArray(emojis, columns);
+		for (const row of rows) items.push({
+			type: "row",
+			emojis: row
+		});
+	}
+	return items;
+}
+export { flattenEmojiData };
+
+//# sourceMappingURL=flatten-emoji-data.mjs.map

package/esm/utils/flatten-emoji-data.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flatten-emoji-data.mjs","names":[],"sources":["../../src/utils/flatten-emoji-data.ts"],"sourcesContent":["import type { EmojiPickerData, EmojiPickerEmoji, FlattenedRowItem } from '../types';\n\nfunction chunkArray<T>(array: T[], size: number): T[][] {\n  const chunks: T[][] = [];\n  for (let i = 0; i < array.length; i += size) {\n    chunks.push(array.slice(i, i + size));\n  }\n  return chunks;\n}\n\nexport function flattenEmojiData(\n  data: EmojiPickerData,\n  columns: number,\n  categoryLabels?: Record<string, string>\n): FlattenedRowItem[] {\n  const items: FlattenedRowItem[] = [];\n\n  for (const category of data.categories) {\n    const emojis: EmojiPickerEmoji[] = [];\n    for (const emojiId of category.emojis) {\n      const emoji = data.emojis[emojiId];\n      if (emoji) {\n        emojis.push(emoji);\n      }\n    }\n\n    if (emojis.length === 0) {\n      continue;\n    }\n\n    const label = categoryLabels?.[category.id] ?? category.label;\n    items.push({ type: 'header', categoryId: category.id, label });\n\n    const rows = chunkArray(emojis, columns);\n    for (const row of rows) {\n      items.push({ type: 'row', emojis: row });\n    }\n  }\n\n  return items;\n}\n"],"mappings":";;AAEA,SAAS,WAAc,OAAY,MAAqB;CACtD,MAAM,SAAgB,CAAC;CACvB,KAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK,MACrC,OAAO,KAAK,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC;CAEtC,OAAO;AACT;AAEA,SAAgB,iBACd,MACA,SACA,gBACoB;CACpB,MAAM,QAA4B,CAAC;CAEnC,KAAK,MAAM,YAAY,KAAK,YAAY;EACtC,MAAM,SAA6B,CAAC;EACpC,KAAK,MAAM,WAAW,SAAS,QAAQ;GACrC,MAAM,QAAQ,KAAK,OAAO;GAC1B,IAAI,OACF,OAAO,KAAK,KAAK;EAErB;EAEA,IAAI,OAAO,WAAW,GACpB;EAGF,MAAM,QAAQ,iBAAiB,SAAS,OAAO,SAAS;EACxD,MAAM,KAAK;GAAE,MAAM;GAAU,YAAY,SAAS;GAAI;EAAM,CAAC;EAE7D,MAAM,OAAO,WAAW,QAAQ,OAAO;EACvC,KAAK,MAAM,OAAO,MAChB,MAAM,KAAK;GAAE,MAAM;GAAO,QAAQ;EAAI,CAAC;CAE3C;CAEA,OAAO;AACT"}

package/esm/utils/is-emoji-supported.mjs

@@ -0,0 +1,63 @@
+"use client";
+// packages/@mantine/emoji/src/utils/is-emoji-supported.ts
+const CANVAS_SIZE = 24;
+const FONT_SIZE = 18;
+const REFERENCE_EMOJI = "😀";
+const VARIATION_SELECTOR = "️";
+const cache = /* @__PURE__ */ new Map();
+let context;
+function getContext() {
+	if (context !== void 0) return context;
+	if (typeof document === "undefined") return null;
+	try {
+		const canvas = document.createElement("canvas");
+		canvas.width = CANVAS_SIZE;
+		canvas.height = CANVAS_SIZE;
+		context = canvas.getContext("2d", { willReadFrequently: true }) ?? null;
+		if (context) {
+			context.font = `${FONT_SIZE}px sans-serif`;
+			context.textBaseline = "top";
+		}
+	} catch {
+		context = null;
+	}
+	return context ?? null;
+}
+function renderPixels(ctx, emoji, color) {
+	ctx.clearRect(0, 0, CANVAS_SIZE, CANVAS_SIZE);
+	ctx.fillStyle = color;
+	ctx.fillText(emoji, 0, 0);
+	return ctx.getImageData(0, 0, CANVAS_SIZE, CANVAS_SIZE).data;
+}
+function rendersAsColorGlyph(ctx, emoji) {
+	const first = renderPixels(ctx, emoji, "#f00");
+	const second = renderPixels(ctx, emoji, "#00f");
+	let hasPixels = false;
+	for (let i = 0; i < first.length; i += 1) {
+		if (first[i] !== second[i]) return false;
+		if (!hasPixels && i % 4 === 3 && first[i] > 0) hasPixels = true;
+	}
+	return hasPixels;
+}
+function rendersAsSingleGlyph(ctx, emoji) {
+	if (Array.from(emoji).filter((char) => char !== VARIATION_SELECTOR).length < 2) return true;
+	return ctx.measureText(emoji).width < ctx.measureText(REFERENCE_EMOJI).width * 1.5;
+}
+function isEmojiSupported(emoji) {
+	const cached = cache.get(emoji);
+	if (cached !== void 0) return cached;
+	const ctx = getContext();
+	if (!ctx) return true;
+	const supported = rendersAsSingleGlyph(ctx, emoji) && rendersAsColorGlyph(ctx, emoji);
+	cache.set(emoji, supported);
+	return supported;
+}
+function filterSupportedEmojis(emojis, emojiIds) {
+	return emojiIds.filter((id) => {
+		const emoji = emojis[id];
+		return emoji ? isEmojiSupported(emoji.emoji) : false;
+	});
+}
+export { filterSupportedEmojis, isEmojiSupported };
+
+//# sourceMappingURL=is-emoji-supported.mjs.map

package/esm/utils/is-emoji-supported.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-emoji-supported.mjs","names":[],"sources":["../../src/utils/is-emoji-supported.ts"],"sourcesContent":["const CANVAS_SIZE = 24;\nconst FONT_SIZE = 18;\nconst REFERENCE_EMOJI = '😀';\nconst VARIATION_SELECTOR = '️';\n\nconst cache = new Map<string, boolean>();\nlet context: CanvasRenderingContext2D | null | undefined;\n\nfunction getContext(): CanvasRenderingContext2D | null {\n  if (context !== undefined) {\n    return context;\n  }\n\n  if (typeof document === 'undefined') {\n    return null;\n  }\n\n  try {\n    const canvas = document.createElement('canvas');\n    canvas.width = CANVAS_SIZE;\n    canvas.height = CANVAS_SIZE;\n    context = canvas.getContext('2d', { willReadFrequently: true }) ?? null;\n    if (context) {\n      context.font = `${FONT_SIZE}px sans-serif`;\n      context.textBaseline = 'top';\n    }\n  } catch {\n    context = null;\n  }\n\n  return context ?? null;\n}\n\nfunction renderPixels(ctx: CanvasRenderingContext2D, emoji: string, color: string) {\n  ctx.clearRect(0, 0, CANVAS_SIZE, CANVAS_SIZE);\n  ctx.fillStyle = color;\n  ctx.fillText(emoji, 0, 0);\n  return ctx.getImageData(0, 0, CANVAS_SIZE, CANVAS_SIZE).data;\n}\n\nfunction rendersAsColorGlyph(ctx: CanvasRenderingContext2D, emoji: string) {\n  const first = renderPixels(ctx, emoji, '#f00');\n  const second = renderPixels(ctx, emoji, '#00f');\n\n  let hasPixels = false;\n  for (let i = 0; i < first.length; i += 1) {\n    if (first[i] !== second[i]) {\n      return false;\n    }\n\n    if (!hasPixels && i % 4 === 3 && first[i] > 0) {\n      hasPixels = true;\n    }\n  }\n\n  return hasPixels;\n}\n\nfunction rendersAsSingleGlyph(ctx: CanvasRenderingContext2D, emoji: string) {\n  const codePoints = Array.from(emoji).filter((char) => char !== VARIATION_SELECTOR);\n  if (codePoints.length < 2) {\n    return true;\n  }\n\n  return ctx.measureText(emoji).width < ctx.measureText(REFERENCE_EMOJI).width * 1.5;\n}\n\nexport function isEmojiSupported(emoji: string): boolean {\n  const cached = cache.get(emoji);\n  if (cached !== undefined) {\n    return cached;\n  }\n\n  const ctx = getContext();\n  if (!ctx) {\n    return true;\n  }\n\n  const supported = rendersAsSingleGlyph(ctx, emoji) && rendersAsColorGlyph(ctx, emoji);\n  cache.set(emoji, supported);\n  return supported;\n}\n\nexport function filterSupportedEmojis(\n  emojis: Record<string, { emoji: string }>,\n  emojiIds: string[]\n): string[] {\n  return emojiIds.filter((id) => {\n    const emoji = emojis[id];\n    return emoji ? isEmojiSupported(emoji.emoji) : false;\n  });\n}\n"],"mappings":";;AAAA,MAAM,cAAc;AACpB,MAAM,YAAY;AAClB,MAAM,kBAAkB;AACxB,MAAM,qBAAqB;AAE3B,MAAM,wBAAQ,IAAI,IAAqB;AACvC,IAAI;AAEJ,SAAS,aAA8C;CACrD,IAAI,YAAY,KAAA,GACd,OAAO;CAGT,IAAI,OAAO,aAAa,aACtB,OAAO;CAGT,IAAI;EACF,MAAM,SAAS,SAAS,cAAc,QAAQ;EAC9C,OAAO,QAAQ;EACf,OAAO,SAAS;EAChB,UAAU,OAAO,WAAW,MAAM,EAAE,oBAAoB,KAAK,CAAC,KAAK;EACnE,IAAI,SAAS;GACX,QAAQ,OAAO,GAAG,UAAU;GAC5B,QAAQ,eAAe;EACzB;CACF,QAAQ;EACN,UAAU;CACZ;CAEA,OAAO,WAAW;AACpB;AAEA,SAAS,aAAa,KAA+B,OAAe,OAAe;CACjF,IAAI,UAAU,GAAG,GAAG,aAAa,WAAW;CAC5C,IAAI,YAAY;CAChB,IAAI,SAAS,OAAO,GAAG,CAAC;CACxB,OAAO,IAAI,aAAa,GAAG,GAAG,aAAa,WAAW,CAAC,CAAC;AAC1D;AAEA,SAAS,oBAAoB,KAA+B,OAAe;CACzE,MAAM,QAAQ,aAAa,KAAK,OAAO,MAAM;CAC7C,MAAM,SAAS,aAAa,KAAK,OAAO,MAAM;CAE9C,IAAI,YAAY;CAChB,KAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK,GAAG;EACxC,IAAI,MAAM,OAAO,OAAO,IACtB,OAAO;EAGT,IAAI,CAAC,aAAa,IAAI,MAAM,KAAK,MAAM,KAAK,GAC1C,YAAY;CAEhB;CAEA,OAAO;AACT;AAEA,SAAS,qBAAqB,KAA+B,OAAe;CAE1E,IADmB,MAAM,KAAK,KAAK,CAAC,CAAC,QAAQ,SAAS,SAAS,kBAClD,CAAC,CAAC,SAAS,GACtB,OAAO;CAGT,OAAO,IAAI,YAAY,KAAK,CAAC,CAAC,QAAQ,IAAI,YAAY,eAAe,CAAC,CAAC,QAAQ;AACjF;AAEA,SAAgB,iBAAiB,OAAwB;CACvD,MAAM,SAAS,MAAM,IAAI,KAAK;CAC9B,IAAI,WAAW,KAAA,GACb,OAAO;CAGT,MAAM,MAAM,WAAW;CACvB,IAAI,CAAC,KACH,OAAO;CAGT,MAAM,YAAY,qBAAqB,KAAK,KAAK,KAAK,oBAAoB,KAAK,KAAK;CACpF,MAAM,IAAI,OAAO,SAAS;CAC1B,OAAO;AACT;AAEA,SAAgB,sBACd,QACA,UACU;CACV,OAAO,SAAS,QAAQ,OAAO;EAC7B,MAAM,QAAQ,OAAO;EACrB,OAAO,QAAQ,iBAAiB,MAAM,KAAK,IAAI;CACjD,CAAC;AACH"}

package/esm/utils/search-emojis.mjs

@@ -0,0 +1,21 @@
+"use client";
+// packages/@mantine/emoji/src/utils/search-emojis.ts
+function searchEmojis(data, query) {
+	const trimmed = query.trim().toLowerCase();
+	if (!trimmed) return [];
+	const results = [];
+	const seen = /* @__PURE__ */ new Set();
+	for (const category of data.categories) for (const emojiId of category.emojis) {
+		if (seen.has(emojiId)) continue;
+		const emoji = data.emojis[emojiId];
+		if (!emoji) continue;
+		if (emoji.id === trimmed || emoji.name.toLowerCase().includes(trimmed) || emoji.keywords.some((kw) => kw.toLowerCase().startsWith(trimmed))) {
+			results.push(emoji);
+			seen.add(emojiId);
+		}
+	}
+	return results;
+}
+export { searchEmojis };
+
+//# sourceMappingURL=search-emojis.mjs.map

package/esm/utils/search-emojis.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-emojis.mjs","names":[],"sources":["../../src/utils/search-emojis.ts"],"sourcesContent":["import type { EmojiPickerData, EmojiPickerEmoji } from '../types';\n\nexport function searchEmojis(data: EmojiPickerData, query: string): EmojiPickerEmoji[] {\n  const trimmed = query.trim().toLowerCase();\n  if (!trimmed) {\n    return [];\n  }\n\n  const results: EmojiPickerEmoji[] = [];\n  const seen = new Set<string>();\n\n  for (const category of data.categories) {\n    for (const emojiId of category.emojis) {\n      if (seen.has(emojiId)) {\n        continue;\n      }\n\n      const emoji = data.emojis[emojiId];\n      if (!emoji) {\n        continue;\n      }\n\n      const matches =\n        emoji.id === trimmed ||\n        emoji.name.toLowerCase().includes(trimmed) ||\n        emoji.keywords.some((kw) => kw.toLowerCase().startsWith(trimmed));\n\n      if (matches) {\n        results.push(emoji);\n        seen.add(emojiId);\n      }\n    }\n  }\n\n  return results;\n}\n"],"mappings":";;AAEA,SAAgB,aAAa,MAAuB,OAAmC;CACrF,MAAM,UAAU,MAAM,KAAK,CAAC,CAAC,YAAY;CACzC,IAAI,CAAC,SACH,OAAO,CAAC;CAGV,MAAM,UAA8B,CAAC;CACrC,MAAM,uBAAO,IAAI,IAAY;CAE7B,KAAK,MAAM,YAAY,KAAK,YAC1B,KAAK,MAAM,WAAW,SAAS,QAAQ;EACrC,IAAI,KAAK,IAAI,OAAO,GAClB;EAGF,MAAM,QAAQ,KAAK,OAAO;EAC1B,IAAI,CAAC,OACH;EAQF,IAJE,MAAM,OAAO,WACb,MAAM,KAAK,YAAY,CAAC,CAAC,SAAS,OAAO,KACzC,MAAM,SAAS,MAAM,OAAO,GAAG,YAAY,CAAC,CAAC,WAAW,OAAO,CAAC,GAErD;GACX,QAAQ,KAAK,KAAK;GAClB,KAAK,IAAI,OAAO;EAClB;CACF;CAGF,OAAO;AACT"}

package/lib/adapters/emoji-mart-adapter.d.ts

@@ -0,0 +1,23 @@
+import type { EmojiPickerData } from '../types';
+interface EmojiMartSkin {
+    unified: string;
+    native: string;
+}
+interface EmojiMartEmoji {
+    id: string;
+    name: string;
+    keywords: string[];
+    skins: EmojiMartSkin[];
+    version: number;
+}
+interface EmojiMartCategory {
+    id: string;
+    emojis: string[];
+}
+interface EmojiMartData {
+    categories: EmojiMartCategory[];
+    emojis: Record<string, EmojiMartEmoji>;
+}
+export declare function emojiMartAdapter(data: EmojiMartData): EmojiPickerData;
+export declare function emojiMartAdapter(data: object): EmojiPickerData;
+export {};

package/lib/adapters/emojibase-adapter.d.ts

@@ -0,0 +1,25 @@
+import type { EmojiPickerData } from '../types';
+interface EmojibaseSkin {
+    emoji: string;
+    tone?: number | number[];
+}
+interface EmojibaseEmoji {
+    label: string;
+    hexcode: string;
+    emoji: string;
+    tags?: string[];
+    group?: number;
+    order?: number;
+    version: number;
+    skins?: EmojibaseSkin[];
+}
+interface EmojibaseGroupMessage {
+    key: string;
+    message: string;
+    order: number;
+}
+interface EmojibaseMessages {
+    groups: EmojibaseGroupMessage[];
+}
+export declare function emojibaseAdapter(data: EmojibaseEmoji[], messages: EmojibaseMessages): EmojiPickerData;
+export {};

package/lib/adapters/index.d.ts

@@ -0,0 +1,2 @@
+export { emojiMartAdapter } from './emoji-mart-adapter';
+export { emojibaseAdapter } from './emojibase-adapter';

package/lib/categories.d.ts

@@ -0,0 +1,7 @@
+export declare const CANONICAL_CATEGORY_IDS: readonly ["frequent", "people", "nature", "foods", "activity", "places", "objects", "symbols", "flags"];
+export type CanonicalCategoryId = (typeof CANONICAL_CATEGORY_IDS)[number];
+export declare const CANONICAL_CATEGORY_LABELS: Record<CanonicalCategoryId, string>;
+export declare const CANONICAL_CATEGORY_ICONS: Record<CanonicalCategoryId, string>;
+export declare function isCanonicalCategoryId(id: string): id is CanonicalCategoryId;
+export declare function getCanonicalCategoryLabel(id: string): string | undefined;
+export declare function getCanonicalCategoryIcon(id: string): string | undefined;

package/lib/components/EmojiPicker/EmojiButton.d.ts

@@ -0,0 +1,10 @@
+import type { EmojiPickerEmoji } from '../../types';
+interface EmojiButtonProps {
+    emoji: EmojiPickerEmoji;
+    skinTone: number;
+    emojiIndex: number;
+    focused: boolean;
+    id: string;
+}
+export declare const EmojiButton: import("react").MemoExoticComponent<({ emoji, skinTone, emojiIndex, focused, id, }: EmojiButtonProps) => import("react").JSX.Element>;
+export {};

package/lib/components/EmojiPicker/EmojiPicker.context.d.ts

@@ -0,0 +1,9 @@
+import { type GetStylesApi, type MantineSize } from '@mantine/core';
+import type { EmojiPickerLabels } from '../../types';
+import type { EmojiPickerFactory } from './EmojiPicker';
+export interface EmojiPickerContextValue {
+    getStyles: GetStylesApi<EmojiPickerFactory>;
+    labels: Required<EmojiPickerLabels>;
+    size: MantineSize | undefined;
+}
+export declare const EmojiPickerProvider: import("react").Context<EmojiPickerContextValue | null>, useEmojiPickerContext: () => EmojiPickerContextValue;

package/lib/components/EmojiPicker/EmojiPicker.d.ts

@@ -0,0 +1,64 @@
+import { BoxProps, ElementProps, Factory, InputProps, MantineSize, ScrollAreaProps, StylesApiProps } from '@mantine/core';
+import { EmojiPickerData, EmojiPickerEmoji, EmojiPickerLabels } from '../../types';
+export type EmojiPickerStylesNames = 'root' | 'search' | 'searchInput' | 'categoryNav' | 'categoryNavButton' | 'content' | 'empty' | 'categoryLabel' | 'grid' | 'emoji' | 'preview' | 'previewEmoji' | 'previewName' | 'skinToneSelector' | 'skinToneDropdown' | 'skinToneButton';
+export type EmojiPickerCssVariables = {
+    root: '--ep-columns' | '--ep-emoji-size' | '--ep-emoji-fz' | '--ep-preview-py' | '--ep-skin-tone-size' | '--ep-skin-tone-fz';
+};
+export interface EmojiPickerProps extends BoxProps, StylesApiProps<EmojiPickerFactory>, ElementProps<'div'> {
+    /** Emoji data object, use `emojiMartAdapter` or `emojibaseAdapter` to convert data */
+    data: EmojiPickerData;
+    /** Called when an emoji is selected */
+    onEmojiSelect?: (emoji: EmojiPickerEmoji) => void;
+    /** Number of emoji columns @default 9 */
+    columns?: number;
+    /** Custom emoji button size in px, overrides size-based value */
+    emojiSize?: number;
+    /** Determines whether the search input is displayed @default true */
+    withSearch?: boolean;
+    /** Determines whether the category navigation bar is displayed @default true */
+    withCategoryNav?: boolean;
+    /** Determines whether the emoji preview area is displayed @default true */
+    withPreview?: boolean;
+    /** Determines whether the skin tone selector is displayed @default true */
+    withSkinToneSelector?: boolean;
+    /** Controlled skin tone value (0–5) */
+    skinTone?: number;
+    /** Default skin tone value for uncontrolled state @default 0 */
+    defaultSkinTone?: number;
+    /** Called when skin tone changes */
+    onSkinToneChange?: (skinTone: number) => void;
+    /** Controlled search input value */
+    searchValue?: string;
+    /** Called when search value changes */
+    onSearchChange?: (value: string) => void;
+    /** Search input placeholder */
+    searchPlaceholder?: string;
+    /** Content displayed when search yields no results */
+    emptySearchContent?: React.ReactNode;
+    /** Determines whether unsupported emojis are filtered out @default false */
+    withUnsupportedDetection?: boolean;
+    /** Determines whether the search input is focused on mount @default false */
+    autoFocus?: boolean;
+    /** Props passed to the internal `ScrollArea` component */
+    scrollAreaProps?: ScrollAreaProps;
+    /** Override category labels by category id */
+    categoryLabels?: Record<string, string>;
+    /** Override UI labels (search placeholder, no results text, etc.) */
+    labels?: EmojiPickerLabels;
+    /** Controls size of all inner elements @default 'sm' */
+    size?: MantineSize;
+    /** Props passed to the search `Input` component */
+    searchInputProps?: InputProps;
+}
+export type EmojiPickerFactory = Factory<{
+    props: EmojiPickerProps;
+    ref: HTMLDivElement;
+    stylesNames: EmojiPickerStylesNames;
+    vars: EmojiPickerCssVariables;
+}>;
+export declare const EmojiPicker: import("@mantine/core").MantineComponent<{
+    props: EmojiPickerProps;
+    ref: HTMLDivElement;
+    stylesNames: EmojiPickerStylesNames;
+    vars: EmojiPickerCssVariables;
+}>;

package/lib/components/EmojiPicker/EmojiPickerCategoryNav.d.ts

@@ -0,0 +1,10 @@
+export interface EmojiPickerNavCategory {
+    id: string;
+    label: string;
+}
+interface EmojiPickerCategoryNavProps {
+    categories: EmojiPickerNavCategory[];
+    onCategoryClick: (categoryId: string) => void;
+}
+export declare const EmojiPickerCategoryNav: import("react").MemoExoticComponent<({ categories, onCategoryClick, }: EmojiPickerCategoryNavProps) => import("react").JSX.Element>;
+export {};

package/lib/components/EmojiPicker/EmojiPickerGrid.d.ts

@@ -0,0 +1,23 @@
+import { ScrollAreaProps } from '@mantine/core';
+import type { FlattenedRowItem } from '../../types';
+export type EmojiPickerScrollToItem = (itemIndex: number, align: 'auto' | 'start') => void;
+interface EmojiPickerGridProps {
+    items: FlattenedRowItem[];
+    itemOffsets: number[];
+    columns: number;
+    skinTone: number;
+    focusedIndex: number;
+    focusedItemIndex: number;
+    idPrefix: string;
+    gridId: string;
+    onActiveDescendantChange: (id: string | undefined) => void;
+    emojiSize: number;
+    emptyContent: React.ReactNode;
+    onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+    onPointerIndex: (index: number) => void;
+    onEmojiClick: (index: number) => void;
+    scrollToItemRef: React.RefObject<EmojiPickerScrollToItem | null>;
+    scrollAreaProps?: ScrollAreaProps;
+}
+export declare function EmojiPickerGrid({ items, itemOffsets, columns, skinTone, focusedIndex, focusedItemIndex, idPrefix, gridId, onActiveDescendantChange, emojiSize, emptyContent, onKeyDown, onPointerIndex, onEmojiClick, scrollToItemRef, scrollAreaProps, }: EmojiPickerGridProps): import("react").JSX.Element;
+export {};

package/lib/components/EmojiPicker/EmojiPickerPreview.d.ts

@@ -0,0 +1,9 @@
+import type { EmojiPickerEmoji } from '../../types';
+interface EmojiPickerPreviewProps {
+    emoji: EmojiPickerEmoji | null;
+    skinTone: number;
+    withPreview: boolean;
+    children?: React.ReactNode;
+}
+export declare function EmojiPickerPreview({ emoji, skinTone, withPreview, children, }: EmojiPickerPreviewProps): import("react").JSX.Element;
+export {};

package/lib/components/EmojiPicker/EmojiPickerSearch.d.ts

@@ -0,0 +1,14 @@
+import { InputProps } from '@mantine/core';
+interface EmojiPickerSearchProps {
+    query: string;
+    onQueryChange: (value: string) => void;
+    placeholder?: string;
+    autoFocus?: boolean;
+    inputRef?: React.Ref<HTMLInputElement>;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    controls?: string;
+    activeDescendant?: string;
+    searchInputProps?: InputProps;
+}
+export declare function EmojiPickerSearch({ query, onQueryChange, placeholder, autoFocus, inputRef, onKeyDown, controls, activeDescendant, searchInputProps, }: EmojiPickerSearchProps): import("react").JSX.Element;
+export {};

package/lib/components/EmojiPicker/EmojiPickerSkinTone.d.ts

@@ -0,0 +1,6 @@
+interface EmojiPickerSkinToneProps {
+    skinTone: number;
+    onSkinToneChange: (skinTone: number) => void;
+}
+export declare function EmojiPickerSkinTone({ skinTone, onSkinToneChange }: EmojiPickerSkinToneProps): import("react").JSX.Element;
+export {};

package/lib/components/EmojiPicker/index.d.ts

@@ -0,0 +1,2 @@
+export { EmojiPicker } from './EmojiPicker';
+export type { EmojiPickerProps, EmojiPickerFactory, EmojiPickerStylesNames, EmojiPickerCssVariables, } from './EmojiPicker';

package/lib/components/EmojiPickerInput/EmojiPickerInput.d.ts

@@ -0,0 +1,54 @@
+import { BoxProps, ElementProps, Factory, InputVariant, PopoverProps, StylesApiProps, InputClearButtonProps, __BaseInputProps, __InputStylesNames } from '@mantine/core';
+import { EmojiPickerProps } from '../EmojiPicker';
+export type EmojiPickerInputStylesNames = 'dropdown' | 'inputEmoji' | 'inputEmojiName' | 'inputValue' | __InputStylesNames;
+export type EmojiPickerInputCssVariables = {
+    root: never;
+};
+export interface EmojiPickerInputProps extends BoxProps, __BaseInputProps, StylesApiProps<EmojiPickerInputFactory>, ElementProps<'button', 'size' | 'onChange' | 'value' | 'defaultValue'> {
+    /** Controlled emoji id value */
+    value?: string | null;
+    /** Default emoji id value for uncontrolled state */
+    defaultValue?: string | null;
+    /** Called when value changes */
+    onChange?: (value: string | null) => void;
+    /** Input placeholder displayed when no emoji is selected */
+    placeholder?: string;
+    /** Determines whether the clear button is displayed @default false */
+    clearable?: boolean;
+    /** Props passed down to the clear button */
+    clearButtonProps?: InputClearButtonProps;
+    /** Props passed to the `Popover` component, use `opened`, `defaultOpened` and `onOpenedChange` props to control opened state */
+    popoverProps?: Omit<PopoverProps, 'children' | 'opened' | 'defaultOpened' | 'onChange'>;
+    /** Controlled popover opened state */
+    opened?: boolean;
+    /** Default popover opened state for uncontrolled mode */
+    defaultOpened?: boolean;
+    /** Called when popover opened state changes */
+    onOpenedChange?: (opened: boolean) => void;
+    /** Determines whether the popover closes after emoji is selected @default true */
+    closeOnSelect?: boolean;
+    /** Emoji data object, use `emojiMartAdapter` or `emojibaseAdapter` to convert data */
+    data: EmojiPickerProps['data'];
+    /** Called when an emoji is selected */
+    onEmojiSelect?: EmojiPickerProps['onEmojiSelect'];
+    /** Props passed to the `EmojiPicker` component inside the dropdown */
+    pickerProps?: Omit<EmojiPickerProps, 'data' | 'onEmojiSelect'>;
+    /** Determines whether the input is in read-only mode */
+    readOnly?: boolean;
+    /** Determines whether the input is disabled */
+    disabled?: boolean;
+}
+export type EmojiPickerInputFactory = Factory<{
+    props: EmojiPickerInputProps;
+    ref: HTMLButtonElement;
+    stylesNames: EmojiPickerInputStylesNames;
+    vars: EmojiPickerInputCssVariables;
+    variant: InputVariant;
+}>;
+export declare const EmojiPickerInput: import("@mantine/core").MantineComponent<{
+    props: EmojiPickerInputProps;
+    ref: HTMLButtonElement;
+    stylesNames: EmojiPickerInputStylesNames;
+    vars: EmojiPickerInputCssVariables;
+    variant: InputVariant;
+}>;

package/lib/components/EmojiPickerInput/index.d.ts

@@ -0,0 +1,2 @@
+export { EmojiPickerInput } from './EmojiPickerInput';
+export type { EmojiPickerInputProps, EmojiPickerInputFactory, EmojiPickerInputStylesNames, EmojiPickerInputCssVariables, } from './EmojiPickerInput';

package/lib/components/EmojiPickerPopover/EmojiPickerPopover.d.ts

@@ -0,0 +1,24 @@
+import { Factory, PopoverProps } from '@mantine/core';
+import { EmojiPickerProps } from '../EmojiPicker';
+export interface EmojiPickerPopoverProps extends EmojiPickerProps {
+    /** Props passed to the `Popover` component, use `opened`, `defaultOpened` and `onOpenedChange` props to control opened state */
+    popoverProps?: Omit<PopoverProps, 'children' | 'opened' | 'defaultOpened' | 'onChange'>;
+    /** Controlled popover opened state */
+    opened?: boolean;
+    /** Default popover opened state for uncontrolled mode */
+    defaultOpened?: boolean;
+    /** Called when popover opened state changes */
+    onOpenedChange?: (opened: boolean) => void;
+    /** Determines whether the popover closes after emoji is selected @default true */
+    closeOnSelect?: boolean;
+    /** Popover target element */
+    children: React.ReactNode;
+}
+export type EmojiPickerPopoverFactory = Factory<{
+    props: EmojiPickerPopoverProps;
+    ref: HTMLDivElement;
+}>;
+export declare const EmojiPickerPopover: import("@mantine/core").MantineComponent<{
+    props: EmojiPickerPopoverProps;
+    ref: HTMLDivElement;
+}>;

package/lib/components/EmojiPickerPopover/index.d.ts

@@ -0,0 +1,2 @@
+export { EmojiPickerPopover } from './EmojiPickerPopover';
+export type { EmojiPickerPopoverProps, EmojiPickerPopoverFactory } from './EmojiPickerPopover';

package/lib/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useEmojiSearch } from './use-emoji-search';
+export { useEmojiGridNavigation } from './use-emoji-grid-navigation';

package/lib/hooks/use-emoji-grid-navigation.d.ts

@@ -0,0 +1,18 @@
+import type { EmojiPickerEmoji, FlattenedRowItem } from '../types';
+interface UseEmojiGridNavigationInput {
+    items: FlattenedRowItem[];
+    resetKey: string;
+    skinTone: number;
+    onEmojiSelect: (emoji: EmojiPickerEmoji) => void;
+    scrollToItem?: (itemIndex: number) => void;
+}
+export declare function useEmojiGridNavigation({ items, resetKey, skinTone, onEmojiSelect, scrollToItem, }: UseEmojiGridNavigationInput): {
+    model: import("../utils").EmojiGridModel;
+    activeIndex: number;
+    activeEmoji: EmojiPickerEmoji | null;
+    keyboardActive: boolean;
+    handleKeyDown: (event: React.KeyboardEvent) => void;
+    setPointerIndex: (index: number) => void;
+    setAnchorIndex: (index: number) => void;
+};
+export {};

package/lib/hooks/use-emoji-search.d.ts

@@ -0,0 +1,14 @@
+import type { EmojiPickerData, EmojiPickerEmoji } from '../types';
+interface UseEmojiSearchInput {
+    data: EmojiPickerData;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+}
+interface UseEmojiSearchResult {
+    query: string;
+    setQuery: (value: string) => void;
+    results: EmojiPickerEmoji[];
+    isSearching: boolean;
+}
+export declare function useEmojiSearch({ data, searchValue, onSearchChange, }: UseEmojiSearchInput): UseEmojiSearchResult;
+export {};

package/lib/index.d.mts

@@ -0,0 +1,10 @@
+export type { EmojiPickerData, EmojiPickerEmoji, EmojiPickerCategory, EmojiPickerLabels, FlattenedRowItem, } from './types';
+export { DEFAULT_LABELS } from './types';
+export { CANONICAL_CATEGORY_IDS } from './categories';
+export { searchEmojis, flattenEmojiData } from './utils';
+export { isEmojiSupported, filterSupportedEmojis } from './utils';
+export { emojiMartAdapter } from './adapters';
+export { emojibaseAdapter } from './adapters';
+export * from './components/EmojiPicker';
+export * from './components/EmojiPickerPopover';
+export * from './components/EmojiPickerInput';

package/lib/index.d.ts

@@ -0,0 +1,10 @@
+export type { EmojiPickerData, EmojiPickerEmoji, EmojiPickerCategory, EmojiPickerLabels, FlattenedRowItem, } from './types';
+export { DEFAULT_LABELS } from './types';
+export { CANONICAL_CATEGORY_IDS } from './categories';
+export { searchEmojis, flattenEmojiData } from './utils';
+export { isEmojiSupported, filterSupportedEmojis } from './utils';
+export { emojiMartAdapter } from './adapters';
+export { emojibaseAdapter } from './adapters';
+export * from './components/EmojiPicker';
+export * from './components/EmojiPickerPopover';
+export * from './components/EmojiPickerInput';

package/lib/types.d.ts

@@ -0,0 +1,41 @@
+export interface EmojiPickerEmoji {
+    id: string;
+    name: string;
+    keywords: string[];
+    emoji: string;
+    skins?: string[];
+    version?: number;
+}
+export interface EmojiPickerCategory {
+    id: string;
+    label: string;
+    emojis: string[];
+}
+export interface EmojiPickerData {
+    categories: EmojiPickerCategory[];
+    emojis: Record<string, EmojiPickerEmoji>;
+}
+export interface EmojiPickerLabels {
+    search?: string;
+    skinTone?: string;
+    noResults?: string;
+    skinToneLight?: string;
+    skinToneMediumLight?: string;
+    skinToneMedium?: string;
+    skinToneMediumDark?: string;
+    skinToneDark?: string;
+    skinToneDefault?: string;
+    searchResults?: string;
+    preview?: string;
+    clearSearch?: string;
+    emojis?: string;
+}
+export declare const DEFAULT_LABELS: Required<EmojiPickerLabels>;
+export type FlattenedRowItem = {
+    type: 'header';
+    categoryId: string;
+    label: string;
+} | {
+    type: 'row';
+    emojis: EmojiPickerEmoji[];
+};

package/lib/utils/emoji-grid-utils.d.ts

@@ -0,0 +1,17 @@
+import type { EmojiPickerEmoji, FlattenedRowItem } from '../types';
+export interface EmojiGridRow {
+    itemIndex: number;
+    start: number;
+    length: number;
+}
+export interface EmojiGridModel {
+    emojis: EmojiPickerEmoji[];
+    rows: EmojiGridRow[];
+    emojiRows: number[];
+    itemOffsets: number[];
+}
+export type EmojiGridDirection = 'left' | 'right' | 'up' | 'down';
+export declare function createEmojiGridModel(items: FlattenedRowItem[]): EmojiGridModel;
+export declare function getNextEmojiIndex(model: EmojiGridModel, index: number, direction: EmojiGridDirection): number;
+export declare function getEmojiItemIndex(model: EmojiGridModel, index: number): number;
+export declare function applySkinTone(emoji: EmojiPickerEmoji, skinTone: number): EmojiPickerEmoji;