@mantine/emoji 0.0.0-stage → 9.8.1

package/cjs/components/EmojiPickerPopover/EmojiPickerPopover.cjs

@@ -0,0 +1,59 @@
+"use client";
+const require_EmojiPicker = require("../EmojiPicker/EmojiPicker.cjs");
+const require_EmojiPickerPopover_module = require("./EmojiPickerPopover.module.cjs");
+let react = require("react");
+let _mantine_core = require("@mantine/core");
+let _mantine_hooks = require("@mantine/hooks");
+let react_jsx_runtime = require("react/jsx-runtime");
+// packages/@mantine/emoji/src/components/EmojiPickerPopover/EmojiPickerPopover.tsx
+const defaultProps = { closeOnSelect: true };
+const EmojiPickerPopover = (0, _mantine_core.factory)((_props) => {
+	const { popoverProps, opened: openedProp, defaultOpened, onOpenedChange, closeOnSelect, children, onEmojiSelect, skinTone: skinToneProp, defaultSkinTone, onSkinToneChange, ...pickerProps } = (0, _mantine_core.useProps)("EmojiPickerPopover", defaultProps, _props);
+	const [opened, setOpened] = (0, _mantine_hooks.useUncontrolled)({
+		value: openedProp,
+		defaultValue: defaultOpened,
+		finalValue: false,
+		onChange: onOpenedChange
+	});
+	const [skinTone, setSkinTone] = (0, _mantine_hooks.useUncontrolled)({
+		value: skinToneProp,
+		defaultValue: defaultSkinTone,
+		finalValue: 0,
+		onChange: onSkinToneChange
+	});
+	const target = openedProp === void 0 && (0, react.isValidElement)(children) ? (0, react.cloneElement)(children, { onClick: (event) => {
+		setOpened(!opened);
+		children.props.onClick?.(event);
+	} }) : children;
+	const handleEmojiSelect = (0, react.useCallback)((emoji) => {
+		onEmojiSelect?.(emoji);
+		if (closeOnSelect) setOpened(false);
+	}, [
+		onEmojiSelect,
+		closeOnSelect,
+		setOpened
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mantine_core.Popover, {
+		position: "bottom-start",
+		offset: 5,
+		trapFocus: true,
+		returnFocus: true,
+		...popoverProps,
+		opened,
+		onChange: setOpened,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Popover.Target, { children: target }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Popover.Dropdown, {
+			className: require_EmojiPickerPopover_module.default.dropdown,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_EmojiPicker.EmojiPicker, {
+				...pickerProps,
+				skinTone,
+				onSkinToneChange: setSkinTone,
+				onEmojiSelect: handleEmojiSelect,
+				autoFocus: true
+			})
+		})]
+	});
+});
+EmojiPickerPopover.displayName = "@mantine/emoji/EmojiPickerPopover";
+exports.EmojiPickerPopover = EmojiPickerPopover;
+
+//# sourceMappingURL=EmojiPickerPopover.cjs.map

package/cjs/components/EmojiPickerPopover/EmojiPickerPopover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiPickerPopover.cjs","names":["factory","useProps","useUncontrolled","isValidElement","cloneElement","useCallback","Popover","classes","EmojiPicker"],"sources":["../../../src/components/EmojiPickerPopover/EmojiPickerPopover.tsx"],"sourcesContent":["import { cloneElement, isValidElement, useCallback } from 'react';\nimport { factory, Factory, Popover, PopoverProps, useProps } from '@mantine/core';\nimport { useUncontrolled } from '@mantine/hooks';\nimport type { EmojiPickerEmoji } from '../../types';\nimport { EmojiPicker, EmojiPickerProps } from '../EmojiPicker';\nimport classes from './EmojiPickerPopover.module.css';\n\nexport interface EmojiPickerPopoverProps extends EmojiPickerProps {\n  /** Props passed to the `Popover` component, use `opened`, `defaultOpened` and `onOpenedChange` props to control opened state */\n  popoverProps?: Omit<PopoverProps, 'children' | 'opened' | 'defaultOpened' | 'onChange'>;\n\n  /** Controlled popover opened state */\n  opened?: boolean;\n\n  /** Default popover opened state for uncontrolled mode */\n  defaultOpened?: boolean;\n\n  /** Called when popover opened state changes */\n  onOpenedChange?: (opened: boolean) => void;\n\n  /** Determines whether the popover closes after emoji is selected @default true */\n  closeOnSelect?: boolean;\n\n  /** Popover target element */\n  children: React.ReactNode;\n}\n\nexport type EmojiPickerPopoverFactory = Factory<{\n  props: EmojiPickerPopoverProps;\n  ref: HTMLDivElement;\n}>;\n\nconst defaultProps = {\n  closeOnSelect: true,\n} satisfies Partial<EmojiPickerPopoverProps>;\n\nexport const EmojiPickerPopover = factory<EmojiPickerPopoverFactory>((_props) => {\n  const props = useProps('EmojiPickerPopover', defaultProps, _props);\n  const {\n    popoverProps,\n    opened: openedProp,\n    defaultOpened,\n    onOpenedChange,\n    closeOnSelect,\n    children,\n    onEmojiSelect,\n    skinTone: skinToneProp,\n    defaultSkinTone,\n    onSkinToneChange,\n    ...pickerProps\n  } = props;\n\n  const [opened, setOpened] = useUncontrolled({\n    value: openedProp,\n    defaultValue: defaultOpened,\n    finalValue: false,\n    onChange: onOpenedChange,\n  });\n\n  const [skinTone, setSkinTone] = useUncontrolled({\n    value: skinToneProp,\n    defaultValue: defaultSkinTone,\n    finalValue: 0,\n    onChange: onSkinToneChange,\n  });\n\n  const isUncontrolled = openedProp === undefined;\n  const target =\n    isUncontrolled && isValidElement<{ onClick?: (event: React.MouseEvent) => void }>(children)\n      ? cloneElement(children, {\n          onClick: (event: React.MouseEvent) => {\n            setOpened(!opened);\n            children.props.onClick?.(event);\n          },\n        })\n      : children;\n\n  const handleEmojiSelect = useCallback(\n    (emoji: EmojiPickerEmoji) => {\n      onEmojiSelect?.(emoji);\n      if (closeOnSelect) {\n        setOpened(false);\n      }\n    },\n    [onEmojiSelect, closeOnSelect, setOpened]\n  );\n\n  return (\n    <Popover\n      position=\"bottom-start\"\n      offset={5}\n      trapFocus\n      returnFocus\n      {...popoverProps}\n      opened={opened}\n      onChange={setOpened}\n    >\n      <Popover.Target>{target}</Popover.Target>\n      <Popover.Dropdown className={classes.dropdown}>\n        <EmojiPicker\n          {...pickerProps}\n          skinTone={skinTone}\n          onSkinToneChange={setSkinTone}\n          onEmojiSelect={handleEmojiSelect}\n          autoFocus\n        />\n      </Popover.Dropdown>\n    </Popover>\n  );\n});\n\nEmojiPickerPopover.displayName = '@mantine/emoji/EmojiPickerPopover';\n"],"mappings":";;;;;;;;AAgCA,MAAM,eAAe,EACnB,eAAe,KACjB;AAEA,MAAa,sBAAA,GAAqBA,cAAAA,QAAAA,EAAoC,WAAW;CAE/E,MAAM,EACJ,cACA,QAAQ,YACR,eACA,gBACA,eACA,UACA,eACA,UAAU,cACV,iBACA,kBACA,GAAG,iBAAA,GAZSC,cAAAA,SAAAA,CAAS,sBAAsB,cAAc,MAanD;CAER,MAAM,CAAC,QAAQ,cAAA,GAAaC,eAAAA,gBAAAA,CAAgB;EAC1C,OAAO;EACP,cAAc;EACd,YAAY;EACZ,UAAU;CACZ,CAAC;CAED,MAAM,CAAC,UAAU,gBAAA,GAAeA,eAAAA,gBAAAA,CAAgB;EAC9C,OAAO;EACP,cAAc;EACd,YAAY;EACZ,UAAU;CACZ,CAAC;CAGD,MAAM,SADiB,eAAe,KAAA,MAAA,GAElBC,MAAAA,eAAAA,CAAgE,QAAQ,KAAA,GACtFC,MAAAA,aAAAA,CAAa,UAAU,EACrB,UAAU,UAA4B;EACpC,UAAU,CAAC,MAAM;EACjB,SAAS,MAAM,UAAU,KAAK;CAChC,EACF,CAAC,IACD;CAEN,MAAM,qBAAA,GAAoBC,MAAAA,YAAAA,EACvB,UAA4B;EAC3B,gBAAgB,KAAK;EACrB,IAAI,eACF,UAAU,KAAK;CAEnB,GACA;EAAC;EAAe;EAAe;CAAS,CAC1C;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,cAAAA,SAAD;EACE,UAAS;EACT,QAAQ;EACR,WAAA;EACA,aAAA;EACA,GAAI;EACI;EACR,UAAU;EAPZ,UAAA,CASE,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,QAAQ,QAAT,EAAA,UAAiB,OAAuB,CAAA,GACxC,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,QAAQ,UAAT;GAAkB,WAAWC,kCAAAA,QAAQ;GACnC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,aAAD;IACE,GAAI;IACM;IACV,kBAAkB;IAClB,eAAe;IACf,WAAA;GACD,CAAA;EACe,CAAA,CACX;;AAEb,CAAC;AAED,mBAAmB,cAAc"}

package/cjs/components/EmojiPickerPopover/EmojiPickerPopover.module.cjs

@@ -0,0 +1,6 @@
+"use client";
+// packages/@mantine/emoji/src/components/EmojiPickerPopover/EmojiPickerPopover.module.css
+var EmojiPickerPopover_module_default = { "dropdown": "m_c47f7ead" };
+exports.default = EmojiPickerPopover_module_default;
+
+//# sourceMappingURL=EmojiPickerPopover.module.cjs.map

package/cjs/components/EmojiPickerPopover/EmojiPickerPopover.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiPickerPopover.module.cjs","names":[],"sources":["../../../src/components/EmojiPickerPopover/EmojiPickerPopover.module.css"],"sourcesContent":[".dropdown {\n  padding: 0;\n  border: none;\n  background: none;\n}\n"],"mappings":""}

package/cjs/hooks/use-emoji-grid-navigation.cjs

@@ -0,0 +1,70 @@
+"use client";
+const require_emoji_grid_utils = require("../utils/emoji-grid-utils.cjs");
+let react = require("react");
+// packages/@mantine/emoji/src/hooks/use-emoji-grid-navigation.ts
+const INITIAL_STATE = {
+	index: 0,
+	source: "anchor"
+};
+const KEY_DIRECTIONS = {
+	ArrowLeft: "left",
+	ArrowRight: "right",
+	ArrowUp: "up",
+	ArrowDown: "down"
+};
+function useEmojiGridNavigation({ items, resetKey, skinTone, onEmojiSelect, scrollToItem }) {
+	const model = (0, react.useMemo)(() => require_emoji_grid_utils.createEmojiGridModel(items), [items]);
+	const [state, setState] = (0, react.useState)(INITIAL_STATE);
+	const [prevResetKey, setPrevResetKey] = (0, react.useState)(resetKey);
+	if (prevResetKey !== resetKey) {
+		setPrevResetKey(resetKey);
+		setState(INITIAL_STATE);
+	}
+	const isCurrent = state.index < model.emojis.length;
+	const source = isCurrent ? state.source : "anchor";
+	const activeIndex = model.emojis.length === 0 ? -1 : isCurrent ? state.index : 0;
+	const keyboardActive = source === "keyboard" && activeIndex !== -1;
+	const setActive = (0, react.useCallback)((index, nextSource) => {
+		setState((prev) => prev.index === index && prev.source === nextSource ? prev : {
+			index,
+			source: nextSource
+		});
+	}, []);
+	const setPointerIndex = (0, react.useCallback)((index) => setActive(index, "pointer"), [setActive]);
+	const setAnchorIndex = (0, react.useCallback)((index) => setActive(index, "anchor"), [setActive]);
+	const handleKeyDown = (0, react.useCallback)((event) => {
+		if (activeIndex === -1) return;
+		const direction = KEY_DIRECTIONS[event.key];
+		if (direction) {
+			event.preventDefault();
+			const nextIndex = source === "anchor" ? activeIndex : require_emoji_grid_utils.getNextEmojiIndex(model, activeIndex, direction);
+			setActive(nextIndex, "keyboard");
+			scrollToItem?.(require_emoji_grid_utils.getEmojiItemIndex(model, nextIndex));
+			return;
+		}
+		if (event.key === "Enter" || event.key === " ") {
+			event.preventDefault();
+			onEmojiSelect(require_emoji_grid_utils.applySkinTone(model.emojis[activeIndex], skinTone));
+		}
+	}, [
+		activeIndex,
+		source,
+		model,
+		setActive,
+		scrollToItem,
+		onEmojiSelect,
+		skinTone
+	]);
+	return {
+		model,
+		activeIndex,
+		activeEmoji: activeIndex === -1 ? null : model.emojis[activeIndex],
+		keyboardActive,
+		handleKeyDown,
+		setPointerIndex,
+		setAnchorIndex
+	};
+}
+exports.useEmojiGridNavigation = useEmojiGridNavigation;
+
+//# sourceMappingURL=use-emoji-grid-navigation.cjs.map

package/cjs/hooks/use-emoji-grid-navigation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-emoji-grid-navigation.cjs","names":["useMemo","createEmojiGridModel","useState","useCallback","getNextEmojiIndex","getEmojiItemIndex","applySkinTone"],"sources":["../../src/hooks/use-emoji-grid-navigation.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport type { EmojiPickerEmoji, FlattenedRowItem } from '../types';\nimport {\n  applySkinTone,\n  createEmojiGridModel,\n  EmojiGridDirection,\n  getEmojiItemIndex,\n  getNextEmojiIndex,\n} from '../utils';\n\ntype ActiveEmojiSource = 'anchor' | 'pointer' | 'keyboard';\n\ninterface ActiveEmojiState {\n  index: number;\n  source: ActiveEmojiSource;\n}\n\ninterface UseEmojiGridNavigationInput {\n  items: FlattenedRowItem[];\n  resetKey: string;\n  skinTone: number;\n  onEmojiSelect: (emoji: EmojiPickerEmoji) => void;\n  scrollToItem?: (itemIndex: number) => void;\n}\n\nconst INITIAL_STATE: ActiveEmojiState = { index: 0, source: 'anchor' };\n\nconst KEY_DIRECTIONS: Record<string, EmojiGridDirection> = {\n  ArrowLeft: 'left',\n  ArrowRight: 'right',\n  ArrowUp: 'up',\n  ArrowDown: 'down',\n};\n\nexport function useEmojiGridNavigation({\n  items,\n  resetKey,\n  skinTone,\n  onEmojiSelect,\n  scrollToItem,\n}: UseEmojiGridNavigationInput) {\n  const model = useMemo(() => createEmojiGridModel(items), [items]);\n  const [state, setState] = useState<ActiveEmojiState>(INITIAL_STATE);\n  const [prevResetKey, setPrevResetKey] = useState(resetKey);\n\n  if (prevResetKey !== resetKey) {\n    setPrevResetKey(resetKey);\n    setState(INITIAL_STATE);\n  }\n\n  const isCurrent = state.index < model.emojis.length;\n  const source: ActiveEmojiSource = isCurrent ? state.source : 'anchor';\n  const activeIndex = model.emojis.length === 0 ? -1 : isCurrent ? state.index : 0;\n  const keyboardActive = source === 'keyboard' && activeIndex !== -1;\n\n  const setActive = useCallback((index: number, nextSource: ActiveEmojiSource) => {\n    setState((prev) =>\n      prev.index === index && prev.source === nextSource ? prev : { index, source: nextSource }\n    );\n  }, []);\n\n  const setPointerIndex = useCallback((index: number) => setActive(index, 'pointer'), [setActive]);\n  const setAnchorIndex = useCallback((index: number) => setActive(index, 'anchor'), [setActive]);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      if (activeIndex === -1) {\n        return;\n      }\n\n      const direction = KEY_DIRECTIONS[event.key];\n      if (direction) {\n        event.preventDefault();\n        const nextIndex =\n          source === 'anchor' ? activeIndex : getNextEmojiIndex(model, activeIndex, direction);\n        setActive(nextIndex, 'keyboard');\n        scrollToItem?.(getEmojiItemIndex(model, nextIndex));\n        return;\n      }\n\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        onEmojiSelect(applySkinTone(model.emojis[activeIndex], skinTone));\n      }\n    },\n    [activeIndex, source, model, setActive, scrollToItem, onEmojiSelect, skinTone]\n  );\n\n  return {\n    model,\n    activeIndex,\n    activeEmoji: activeIndex === -1 ? null : model.emojis[activeIndex],\n    keyboardActive,\n    handleKeyDown,\n    setPointerIndex,\n    setAnchorIndex,\n  };\n}\n"],"mappings":";;;;AAyBA,MAAM,gBAAkC;CAAE,OAAO;CAAG,QAAQ;AAAS;AAErE,MAAM,iBAAqD;CACzD,WAAW;CACX,YAAY;CACZ,SAAS;CACT,WAAW;AACb;AAEA,SAAgB,uBAAuB,EACrC,OACA,UACA,UACA,eACA,gBAC8B;CAC9B,MAAM,SAAA,GAAQA,MAAAA,QAAAA,OAAcC,yBAAAA,qBAAqB,KAAK,GAAG,CAAC,KAAK,CAAC;CAChE,MAAM,CAAC,OAAO,aAAA,GAAYC,MAAAA,SAAAA,CAA2B,aAAa;CAClE,MAAM,CAAC,cAAc,oBAAA,GAAmBA,MAAAA,SAAAA,CAAS,QAAQ;CAEzD,IAAI,iBAAiB,UAAU;EAC7B,gBAAgB,QAAQ;EACxB,SAAS,aAAa;CACxB;CAEA,MAAM,YAAY,MAAM,QAAQ,MAAM,OAAO;CAC7C,MAAM,SAA4B,YAAY,MAAM,SAAS;CAC7D,MAAM,cAAc,MAAM,OAAO,WAAW,IAAI,KAAK,YAAY,MAAM,QAAQ;CAC/E,MAAM,iBAAiB,WAAW,cAAc,gBAAgB;CAEhE,MAAM,aAAA,GAAYC,MAAAA,YAAAA,EAAa,OAAe,eAAkC;EAC9E,UAAU,SACR,KAAK,UAAU,SAAS,KAAK,WAAW,aAAa,OAAO;GAAE;GAAO,QAAQ;EAAW,CAC1F;CACF,GAAG,CAAC,CAAC;CAEL,MAAM,mBAAA,GAAkBA,MAAAA,YAAAA,EAAa,UAAkB,UAAU,OAAO,SAAS,GAAG,CAAC,SAAS,CAAC;CAC/F,MAAM,kBAAA,GAAiBA,MAAAA,YAAAA,EAAa,UAAkB,UAAU,OAAO,QAAQ,GAAG,CAAC,SAAS,CAAC;CAE7F,MAAM,iBAAA,GAAgBA,MAAAA,YAAAA,EACnB,UAA+B;EAC9B,IAAI,gBAAgB,IAClB;EAGF,MAAM,YAAY,eAAe,MAAM;EACvC,IAAI,WAAW;GACb,MAAM,eAAe;GACrB,MAAM,YACJ,WAAW,WAAW,cAAcC,yBAAAA,kBAAkB,OAAO,aAAa,SAAS;GACrF,UAAU,WAAW,UAAU;GAC/B,eAAeC,yBAAAA,kBAAkB,OAAO,SAAS,CAAC;GAClD;EACF;EAEA,IAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;GAC9C,MAAM,eAAe;GACrB,cAAcC,yBAAAA,cAAc,MAAM,OAAO,cAAc,QAAQ,CAAC;EAClE;CACF,GACA;EAAC;EAAa;EAAQ;EAAO;EAAW;EAAc;EAAe;CAAQ,CAC/E;CAEA,OAAO;EACL;EACA;EACA,aAAa,gBAAgB,KAAK,OAAO,MAAM,OAAO;EACtD;EACA;EACA;EACA;CACF;AACF"}

package/cjs/hooks/use-emoji-search.cjs

@@ -0,0 +1,21 @@
+"use client";
+const require_search_emojis = require("../utils/search-emojis.cjs");
+let react = require("react");
+let _mantine_hooks = require("@mantine/hooks");
+// packages/@mantine/emoji/src/hooks/use-emoji-search.ts
+function useEmojiSearch({ data, searchValue, onSearchChange }) {
+	const [query, setQuery] = (0, _mantine_hooks.useUncontrolled)({
+		value: searchValue,
+		defaultValue: "",
+		onChange: onSearchChange
+	});
+	return {
+		query,
+		setQuery,
+		results: (0, react.useMemo)(() => require_search_emojis.searchEmojis(data, query), [data, query]),
+		isSearching: query.trim().length > 0
+	};
+}
+exports.useEmojiSearch = useEmojiSearch;
+
+//# sourceMappingURL=use-emoji-search.cjs.map

package/cjs/hooks/use-emoji-search.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-emoji-search.cjs","names":["useUncontrolled","useMemo","searchEmojis"],"sources":["../../src/hooks/use-emoji-search.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport type { EmojiPickerData, EmojiPickerEmoji } from '../types';\nimport { searchEmojis } from '../utils';\n\ninterface UseEmojiSearchInput {\n  data: EmojiPickerData;\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n}\n\ninterface UseEmojiSearchResult {\n  query: string;\n  setQuery: (value: string) => void;\n  results: EmojiPickerEmoji[];\n  isSearching: boolean;\n}\n\nexport function useEmojiSearch({\n  data,\n  searchValue,\n  onSearchChange,\n}: UseEmojiSearchInput): UseEmojiSearchResult {\n  const [query, setQuery] = useUncontrolled({\n    value: searchValue,\n    defaultValue: '',\n    onChange: onSearchChange,\n  });\n\n  const results = useMemo(() => searchEmojis(data, query), [data, query]);\n  const isSearching = query.trim().length > 0;\n\n  return { query, setQuery, results, isSearching };\n}\n"],"mappings":";;;;;AAkBA,SAAgB,eAAe,EAC7B,MACA,aACA,kBAC4C;CAC5C,MAAM,CAAC,OAAO,aAAA,GAAYA,eAAAA,gBAAAA,CAAgB;EACxC,OAAO;EACP,cAAc;EACd,UAAU;CACZ,CAAC;CAKD,OAAO;EAAE;EAAO;EAAU,UAAA,GAHVC,MAAAA,QAAAA,OAAcC,sBAAAA,aAAa,MAAM,KAAK,GAAG,CAAC,MAAM,KAAK,CAGrC;EAAG,aAFf,MAAM,KAAK,CAAC,CAAC,SAAS;CAEK;AACjD"}

package/cjs/index.cjs

@@ -0,0 +1,22 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_types = require("./types.cjs");
+const require_categories = require("./categories.cjs");
+const require_search_emojis = require("./utils/search-emojis.cjs");
+const require_flatten_emoji_data = require("./utils/flatten-emoji-data.cjs");
+const require_is_emoji_supported = require("./utils/is-emoji-supported.cjs");
+const require_emoji_mart_adapter = require("./adapters/emoji-mart-adapter.cjs");
+const require_emojibase_adapter = require("./adapters/emojibase-adapter.cjs");
+const require_EmojiPicker = require("./components/EmojiPicker/EmojiPicker.cjs");
+const require_EmojiPickerPopover = require("./components/EmojiPickerPopover/EmojiPickerPopover.cjs");
+const require_EmojiPickerInput = require("./components/EmojiPickerInput/EmojiPickerInput.cjs");
+exports.CANONICAL_CATEGORY_IDS = require_categories.CANONICAL_CATEGORY_IDS;
+exports.DEFAULT_LABELS = require_types.DEFAULT_LABELS;
+exports.EmojiPicker = require_EmojiPicker.EmojiPicker;
+exports.EmojiPickerInput = require_EmojiPickerInput.EmojiPickerInput;
+exports.EmojiPickerPopover = require_EmojiPickerPopover.EmojiPickerPopover;
+exports.emojiMartAdapter = require_emoji_mart_adapter.emojiMartAdapter;
+exports.emojibaseAdapter = require_emojibase_adapter.emojibaseAdapter;
+exports.filterSupportedEmojis = require_is_emoji_supported.filterSupportedEmojis;
+exports.flattenEmojiData = require_flatten_emoji_data.flattenEmojiData;
+exports.isEmojiSupported = require_is_emoji_supported.isEmojiSupported;
+exports.searchEmojis = require_search_emojis.searchEmojis;

package/cjs/types.cjs

@@ -0,0 +1,20 @@
+"use client";
+// packages/@mantine/emoji/src/types.ts
+const DEFAULT_LABELS = {
+	search: "Search emojis",
+	skinTone: "Skin tone",
+	noResults: "No emojis found",
+	skinToneLight: "Light skin tone",
+	skinToneMediumLight: "Medium-light skin tone",
+	skinToneMedium: "Medium skin tone",
+	skinToneMediumDark: "Medium-dark skin tone",
+	skinToneDark: "Dark skin tone",
+	skinToneDefault: "Default skin tone",
+	searchResults: "Search Results",
+	preview: "Emoji preview",
+	clearSearch: "Clear search",
+	emojis: "Emojis"
+};
+exports.DEFAULT_LABELS = DEFAULT_LABELS;
+
+//# sourceMappingURL=types.cjs.map

package/cjs/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","names":[],"sources":["../src/types.ts"],"sourcesContent":["export interface EmojiPickerEmoji {\n  id: string;\n  name: string;\n  keywords: string[];\n  emoji: string;\n  skins?: string[];\n  version?: number;\n}\n\nexport interface EmojiPickerCategory {\n  id: string;\n  label: string;\n  emojis: string[];\n}\n\nexport interface EmojiPickerData {\n  categories: EmojiPickerCategory[];\n  emojis: Record<string, EmojiPickerEmoji>;\n}\n\nexport interface EmojiPickerLabels {\n  search?: string;\n  skinTone?: string;\n  noResults?: string;\n  skinToneLight?: string;\n  skinToneMediumLight?: string;\n  skinToneMedium?: string;\n  skinToneMediumDark?: string;\n  skinToneDark?: string;\n  skinToneDefault?: string;\n  searchResults?: string;\n  preview?: string;\n  clearSearch?: string;\n  emojis?: string;\n}\n\nexport const DEFAULT_LABELS: Required<EmojiPickerLabels> = {\n  search: 'Search emojis',\n  skinTone: 'Skin tone',\n  noResults: 'No emojis found',\n  skinToneLight: 'Light skin tone',\n  skinToneMediumLight: 'Medium-light skin tone',\n  skinToneMedium: 'Medium skin tone',\n  skinToneMediumDark: 'Medium-dark skin tone',\n  skinToneDark: 'Dark skin tone',\n  skinToneDefault: 'Default skin tone',\n  searchResults: 'Search Results',\n  preview: 'Emoji preview',\n  clearSearch: 'Clear search',\n  emojis: 'Emojis',\n};\n\nexport type FlattenedRowItem =\n  | { type: 'header'; categoryId: string; label: string }\n  | { type: 'row'; emojis: EmojiPickerEmoji[] };\n"],"mappings":";;AAoCA,MAAa,iBAA8C;CACzD,QAAQ;CACR,UAAU;CACV,WAAW;CACX,eAAe;CACf,qBAAqB;CACrB,gBAAgB;CAChB,oBAAoB;CACpB,cAAc;CACd,iBAAiB;CACjB,eAAe;CACf,SAAS;CACT,aAAa;CACb,QAAQ;AACV"}

package/cjs/utils/emoji-grid-utils.cjs

@@ -0,0 +1,57 @@
+"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;
+}
+exports.applySkinTone = applySkinTone;
+exports.createEmojiGridModel = createEmojiGridModel;
+exports.getEmojiItemIndex = getEmojiItemIndex;
+exports.getNextEmojiIndex = getNextEmojiIndex;
+
+//# sourceMappingURL=emoji-grid-utils.cjs.map

package/cjs/utils/emoji-grid-utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji-grid-utils.cjs","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/cjs/utils/flatten-emoji-data.cjs

@@ -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;
+}
+exports.flattenEmojiData = flattenEmojiData;
+
+//# sourceMappingURL=flatten-emoji-data.cjs.map

package/cjs/utils/flatten-emoji-data.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flatten-emoji-data.cjs","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/cjs/utils/is-emoji-supported.cjs

@@ -0,0 +1,64 @@
+"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;
+	});
+}
+exports.filterSupportedEmojis = filterSupportedEmojis;
+exports.isEmojiSupported = isEmojiSupported;
+
+//# sourceMappingURL=is-emoji-supported.cjs.map

package/cjs/utils/is-emoji-supported.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-emoji-supported.cjs","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/cjs/utils/search-emojis.cjs

@@ -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;
+}
+exports.searchEmojis = searchEmojis;
+
+//# sourceMappingURL=search-emojis.cjs.map

package/cjs/utils/search-emojis.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-emojis.cjs","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/esm/adapters/emoji-mart-adapter.mjs

@@ -0,0 +1,30 @@
+"use client";
+import { getCanonicalCategoryLabel } from "../categories.mjs";
+// packages/@mantine/emoji/src/adapters/emoji-mart-adapter.ts
+function emojiMartAdapter(input) {
+	const data = input;
+	const emojis = {};
+	for (const [id, emojiMartEmoji] of Object.entries(data.emojis)) {
+		const defaultSkin = emojiMartEmoji.skins[0];
+		const skinVariants = emojiMartEmoji.skins.length === 6 ? emojiMartEmoji.skins.slice(1).map((s) => s.native) : void 0;
+		emojis[id] = {
+			id,
+			name: emojiMartEmoji.name,
+			keywords: emojiMartEmoji.keywords,
+			emoji: defaultSkin.native,
+			skins: skinVariants,
+			version: emojiMartEmoji.version
+		};
+	}
+	return {
+		categories: data.categories.map((cat) => ({
+			id: cat.id,
+			label: getCanonicalCategoryLabel(cat.id) || cat.id,
+			emojis: cat.emojis
+		})),
+		emojis
+	};
+}
+export { emojiMartAdapter };
+
+//# sourceMappingURL=emoji-mart-adapter.mjs.map

package/esm/adapters/emoji-mart-adapter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji-mart-adapter.mjs","names":[],"sources":["../../src/adapters/emoji-mart-adapter.ts"],"sourcesContent":["import { getCanonicalCategoryLabel } from '../categories';\nimport type { EmojiPickerCategory, EmojiPickerData, EmojiPickerEmoji } from '../types';\n\ninterface EmojiMartSkin {\n  unified: string;\n  native: string;\n}\n\ninterface EmojiMartEmoji {\n  id: string;\n  name: string;\n  keywords: string[];\n  skins: EmojiMartSkin[];\n  version: number;\n}\n\ninterface EmojiMartCategory {\n  id: string;\n  emojis: string[];\n}\n\ninterface EmojiMartData {\n  categories: EmojiMartCategory[];\n  emojis: Record<string, EmojiMartEmoji>;\n}\n\nexport function emojiMartAdapter(data: EmojiMartData): EmojiPickerData;\nexport function emojiMartAdapter(data: object): EmojiPickerData;\nexport function emojiMartAdapter(input: object): EmojiPickerData {\n  const data = input as EmojiMartData;\n  const emojis: Record<string, EmojiPickerEmoji> = {};\n\n  for (const [id, emojiMartEmoji] of Object.entries(data.emojis)) {\n    const defaultSkin = emojiMartEmoji.skins[0];\n    const skinVariants =\n      emojiMartEmoji.skins.length === 6\n        ? emojiMartEmoji.skins.slice(1).map((s) => s.native)\n        : undefined;\n\n    emojis[id] = {\n      id,\n      name: emojiMartEmoji.name,\n      keywords: emojiMartEmoji.keywords,\n      emoji: defaultSkin.native,\n      skins: skinVariants,\n      version: emojiMartEmoji.version,\n    };\n  }\n\n  const categories: EmojiPickerCategory[] = data.categories.map((cat) => ({\n    id: cat.id,\n    label: getCanonicalCategoryLabel(cat.id) || cat.id,\n    emojis: cat.emojis,\n  }));\n\n  return { categories, emojis };\n}\n"],"mappings":";;;AA4BA,SAAgB,iBAAiB,OAAgC;CAC/D,MAAM,OAAO;CACb,MAAM,SAA2C,CAAC;CAElD,KAAK,MAAM,CAAC,IAAI,mBAAmB,OAAO,QAAQ,KAAK,MAAM,GAAG;EAC9D,MAAM,cAAc,eAAe,MAAM;EACzC,MAAM,eACJ,eAAe,MAAM,WAAW,IAC5B,eAAe,MAAM,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE,MAAM,IACjD,KAAA;EAEN,OAAO,MAAM;GACX;GACA,MAAM,eAAe;GACrB,UAAU,eAAe;GACzB,OAAO,YAAY;GACnB,OAAO;GACP,SAAS,eAAe;EAC1B;CACF;CAQA,OAAO;EAAE,YANiC,KAAK,WAAW,KAAK,SAAS;GACtE,IAAI,IAAI;GACR,OAAO,0BAA0B,IAAI,EAAE,KAAK,IAAI;GAChD,QAAQ,IAAI;EACd,EAEkB;EAAG;CAAO;AAC9B"}

package/esm/adapters/emojibase-adapter.mjs

@@ -0,0 +1,76 @@
+"use client";
+import { CANONICAL_CATEGORY_IDS, CANONICAL_CATEGORY_LABELS } from "../categories.mjs";
+// packages/@mantine/emoji/src/adapters/emojibase-adapter.ts
+const GROUP_TO_CANONICAL = {
+	0: "people",
+	1: "people",
+	3: "nature",
+	4: "foods",
+	5: "places",
+	6: "activity",
+	7: "objects",
+	8: "symbols",
+	9: "flags"
+};
+const CATEGORY_ORDER = CANONICAL_CATEGORY_IDS.filter((id) => id !== "frequent");
+function getUniformTone(tone) {
+	if (typeof tone === "number") return tone;
+	if (Array.isArray(tone) && tone.length > 0 && tone.every((t) => t === tone[0])) return tone[0];
+	return null;
+}
+function getSkinVariants(skins) {
+	if (!skins || skins.length === 0) return;
+	const byTone = /* @__PURE__ */ new Map();
+	for (const skin of skins) {
+		const tone = getUniformTone(skin.tone);
+		if (tone !== null && !byTone.has(tone)) byTone.set(tone, skin.emoji);
+	}
+	const variants = [
+		1,
+		2,
+		3,
+		4,
+		5
+	].map((tone) => byTone.get(tone));
+	return variants.every((variant) => variant !== void 0) ? variants : void 0;
+}
+function emojibaseAdapter(data, messages) {
+	const emojis = {};
+	const categoryEmojis = /* @__PURE__ */ new Map();
+	const groupLabels = /* @__PURE__ */ new Map();
+	for (const group of messages.groups) groupLabels.set(group.order, group.message);
+	for (const emojibaseEmoji of data) {
+		if (emojibaseEmoji.group === void 0) continue;
+		const canonicalId = GROUP_TO_CANONICAL[emojibaseEmoji.group];
+		if (!canonicalId) continue;
+		const id = emojibaseEmoji.hexcode;
+		emojis[id] = {
+			id,
+			name: emojibaseEmoji.label,
+			keywords: emojibaseEmoji.tags || [],
+			emoji: emojibaseEmoji.emoji,
+			skins: getSkinVariants(emojibaseEmoji.skins),
+			version: emojibaseEmoji.version
+		};
+		if (!categoryEmojis.has(canonicalId)) categoryEmojis.set(canonicalId, []);
+		categoryEmojis.get(canonicalId).push(emojibaseEmoji);
+	}
+	const categories = [];
+	for (const canonicalId of CATEGORY_ORDER) {
+		const items = categoryEmojis.get(canonicalId);
+		if (!items) continue;
+		items.sort((a, b) => (a.order ?? Number.MAX_SAFE_INTEGER) - (b.order ?? Number.MAX_SAFE_INTEGER));
+		categories.push({
+			id: canonicalId,
+			label: CANONICAL_CATEGORY_LABELS[canonicalId] || groupLabels.get(items[0].group) || canonicalId,
+			emojis: items.map((item) => item.hexcode)
+		});
+	}
+	return {
+		categories,
+		emojis
+	};
+}
+export { emojibaseAdapter };
+
+//# sourceMappingURL=emojibase-adapter.mjs.map

package/esm/adapters/emojibase-adapter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"emojibase-adapter.mjs","names":[],"sources":["../../src/adapters/emojibase-adapter.ts"],"sourcesContent":["import {\n  CANONICAL_CATEGORY_IDS,\n  CANONICAL_CATEGORY_LABELS,\n  type CanonicalCategoryId,\n} from '../categories';\nimport type { EmojiPickerCategory, EmojiPickerData, EmojiPickerEmoji } from '../types';\n\ninterface EmojibaseSkin {\n  emoji: string;\n  tone?: number | number[];\n}\n\ninterface EmojibaseEmoji {\n  label: string;\n  hexcode: string;\n  emoji: string;\n  tags?: string[];\n  group?: number;\n  order?: number;\n  version: number;\n  skins?: EmojibaseSkin[];\n}\n\ninterface EmojibaseGroupMessage {\n  key: string;\n  message: string;\n  order: number;\n}\n\ninterface EmojibaseMessages {\n  groups: EmojibaseGroupMessage[];\n}\n\nconst GROUP_TO_CANONICAL: Record<number, Exclude<CanonicalCategoryId, 'frequent'>> = {\n  0: 'people',\n  1: 'people',\n  3: 'nature',\n  4: 'foods',\n  5: 'places',\n  6: 'activity',\n  7: 'objects',\n  8: 'symbols',\n  9: 'flags',\n};\n\nconst CATEGORY_ORDER = CANONICAL_CATEGORY_IDS.filter(\n  (id): id is Exclude<CanonicalCategoryId, 'frequent'> => id !== 'frequent'\n);\n\nfunction getUniformTone(tone: EmojibaseSkin['tone']) {\n  if (typeof tone === 'number') {\n    return tone;\n  }\n\n  if (Array.isArray(tone) && tone.length > 0 && tone.every((t) => t === tone[0])) {\n    return tone[0];\n  }\n\n  return null;\n}\n\nfunction getSkinVariants(skins: EmojibaseSkin[] | undefined) {\n  if (!skins || skins.length === 0) {\n    return undefined;\n  }\n\n  const byTone = new Map<number, string>();\n  for (const skin of skins) {\n    const tone = getUniformTone(skin.tone);\n    if (tone !== null && !byTone.has(tone)) {\n      byTone.set(tone, skin.emoji);\n    }\n  }\n\n  const variants = [1, 2, 3, 4, 5].map((tone) => byTone.get(tone));\n  return variants.every((variant) => variant !== undefined) ? (variants as string[]) : undefined;\n}\n\nexport function emojibaseAdapter(\n  data: EmojibaseEmoji[],\n  messages: EmojibaseMessages\n): EmojiPickerData {\n  const emojis: Record<string, EmojiPickerEmoji> = {};\n  const categoryEmojis = new Map<string, EmojibaseEmoji[]>();\n\n  const groupLabels = new Map<number, string>();\n  for (const group of messages.groups) {\n    groupLabels.set(group.order, group.message);\n  }\n\n  for (const emojibaseEmoji of data) {\n    if (emojibaseEmoji.group === undefined) {\n      continue;\n    }\n\n    const canonicalId = GROUP_TO_CANONICAL[emojibaseEmoji.group];\n    if (!canonicalId) {\n      continue;\n    }\n\n    const id = emojibaseEmoji.hexcode;\n    emojis[id] = {\n      id,\n      name: emojibaseEmoji.label,\n      keywords: emojibaseEmoji.tags || [],\n      emoji: emojibaseEmoji.emoji,\n      skins: getSkinVariants(emojibaseEmoji.skins),\n      version: emojibaseEmoji.version,\n    };\n\n    if (!categoryEmojis.has(canonicalId)) {\n      categoryEmojis.set(canonicalId, []);\n    }\n    categoryEmojis.get(canonicalId)!.push(emojibaseEmoji);\n  }\n\n  const categories: EmojiPickerCategory[] = [];\n  for (const canonicalId of CATEGORY_ORDER) {\n    const items = categoryEmojis.get(canonicalId);\n    if (!items) {\n      continue;\n    }\n\n    items.sort(\n      (a, b) => (a.order ?? Number.MAX_SAFE_INTEGER) - (b.order ?? Number.MAX_SAFE_INTEGER)\n    );\n    categories.push({\n      id: canonicalId,\n      label:\n        CANONICAL_CATEGORY_LABELS[canonicalId] || groupLabels.get(items[0].group!) || canonicalId,\n      emojis: items.map((item) => item.hexcode),\n    });\n  }\n\n  return { categories, emojis };\n}\n"],"mappings":";;;AAiCA,MAAM,qBAA+E;CACnF,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;AACL;AAEA,MAAM,iBAAiB,uBAAuB,QAC3C,OAAuD,OAAO,UACjE;AAEA,SAAS,eAAe,MAA6B;CACnD,IAAI,OAAO,SAAS,UAClB,OAAO;CAGT,IAAI,MAAM,QAAQ,IAAI,KAAK,KAAK,SAAS,KAAK,KAAK,OAAO,MAAM,MAAM,KAAK,EAAE,GAC3E,OAAO,KAAK;CAGd,OAAO;AACT;AAEA,SAAS,gBAAgB,OAAoC;CAC3D,IAAI,CAAC,SAAS,MAAM,WAAW,GAC7B;CAGF,MAAM,yBAAS,IAAI,IAAoB;CACvC,KAAK,MAAM,QAAQ,OAAO;EACxB,MAAM,OAAO,eAAe,KAAK,IAAI;EACrC,IAAI,SAAS,QAAQ,CAAC,OAAO,IAAI,IAAI,GACnC,OAAO,IAAI,MAAM,KAAK,KAAK;CAE/B;CAEA,MAAM,WAAW;EAAC;EAAG;EAAG;EAAG;EAAG;CAAC,CAAC,CAAC,KAAK,SAAS,OAAO,IAAI,IAAI,CAAC;CAC/D,OAAO,SAAS,OAAO,YAAY,YAAY,KAAA,CAAS,IAAK,WAAwB,KAAA;AACvF;AAEA,SAAgB,iBACd,MACA,UACiB;CACjB,MAAM,SAA2C,CAAC;CAClD,MAAM,iCAAiB,IAAI,IAA8B;CAEzD,MAAM,8BAAc,IAAI,IAAoB;CAC5C,KAAK,MAAM,SAAS,SAAS,QAC3B,YAAY,IAAI,MAAM,OAAO,MAAM,OAAO;CAG5C,KAAK,MAAM,kBAAkB,MAAM;EACjC,IAAI,eAAe,UAAU,KAAA,GAC3B;EAGF,MAAM,cAAc,mBAAmB,eAAe;EACtD,IAAI,CAAC,aACH;EAGF,MAAM,KAAK,eAAe;EAC1B,OAAO,MAAM;GACX;GACA,MAAM,eAAe;GACrB,UAAU,eAAe,QAAQ,CAAC;GAClC,OAAO,eAAe;GACtB,OAAO,gBAAgB,eAAe,KAAK;GAC3C,SAAS,eAAe;EAC1B;EAEA,IAAI,CAAC,eAAe,IAAI,WAAW,GACjC,eAAe,IAAI,aAAa,CAAC,CAAC;EAEpC,eAAe,IAAI,WAAW,CAAC,CAAE,KAAK,cAAc;CACtD;CAEA,MAAM,aAAoC,CAAC;CAC3C,KAAK,MAAM,eAAe,gBAAgB;EACxC,MAAM,QAAQ,eAAe,IAAI,WAAW;EAC5C,IAAI,CAAC,OACH;EAGF,MAAM,MACH,GAAG,OAAO,EAAE,SAAS,OAAO,qBAAqB,EAAE,SAAS,OAAO,iBACtE;EACA,WAAW,KAAK;GACd,IAAI;GACJ,OACE,0BAA0B,gBAAgB,YAAY,IAAI,MAAM,EAAE,CAAC,KAAM,KAAK;GAChF,QAAQ,MAAM,KAAK,SAAS,KAAK,OAAO;EAC1C,CAAC;CACH;CAEA,OAAO;EAAE;EAAY;CAAO;AAC9B"}

package/esm/categories.mjs

@@ -0,0 +1,47 @@
+"use client";
+// packages/@mantine/emoji/src/categories.ts
+const CANONICAL_CATEGORY_IDS = [
+	"frequent",
+	"people",
+	"nature",
+	"foods",
+	"activity",
+	"places",
+	"objects",
+	"symbols",
+	"flags"
+];
+const CANONICAL_CATEGORY_LABELS = {
+	frequent: "Frequently Used",
+	people: "Smileys & People",
+	nature: "Animals & Nature",
+	foods: "Food & Drink",
+	activity: "Activity",
+	places: "Travel & Places",
+	objects: "Objects",
+	symbols: "Symbols",
+	flags: "Flags"
+};
+const CANONICAL_CATEGORY_ICONS = {
+	frequent: "🕐",
+	people: "😀",
+	nature: "🐻",
+	foods: "🍔",
+	activity: "⚽",
+	places: "🚗",
+	objects: "💡",
+	symbols: "♻️",
+	flags: "🏳️"
+};
+function isCanonicalCategoryId(id) {
+	return CANONICAL_CATEGORY_IDS.includes(id);
+}
+function getCanonicalCategoryLabel(id) {
+	return isCanonicalCategoryId(id) ? CANONICAL_CATEGORY_LABELS[id] : void 0;
+}
+function getCanonicalCategoryIcon(id) {
+	return isCanonicalCategoryId(id) ? CANONICAL_CATEGORY_ICONS[id] : void 0;
+}
+export { CANONICAL_CATEGORY_ICONS, CANONICAL_CATEGORY_IDS, CANONICAL_CATEGORY_LABELS, getCanonicalCategoryIcon, getCanonicalCategoryLabel, isCanonicalCategoryId };
+
+//# sourceMappingURL=categories.mjs.map

package/esm/categories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"categories.mjs","names":[],"sources":["../src/categories.ts"],"sourcesContent":["export const CANONICAL_CATEGORY_IDS = [\n  'frequent',\n  'people',\n  'nature',\n  'foods',\n  'activity',\n  'places',\n  'objects',\n  'symbols',\n  'flags',\n] as const;\n\nexport type CanonicalCategoryId = (typeof CANONICAL_CATEGORY_IDS)[number];\n\nexport const CANONICAL_CATEGORY_LABELS: Record<CanonicalCategoryId, string> = {\n  frequent: 'Frequently Used',\n  people: 'Smileys & People',\n  nature: 'Animals & Nature',\n  foods: 'Food & Drink',\n  activity: 'Activity',\n  places: 'Travel & Places',\n  objects: 'Objects',\n  symbols: 'Symbols',\n  flags: 'Flags',\n};\n\nexport const CANONICAL_CATEGORY_ICONS: Record<CanonicalCategoryId, string> = {\n  frequent: '🕐',\n  people: '😀',\n  nature: '🐻',\n  foods: '🍔',\n  activity: '⚽',\n  places: '🚗',\n  objects: '💡',\n  symbols: '♻️',\n  flags: '🏳️',\n};\n\nexport function isCanonicalCategoryId(id: string): id is CanonicalCategoryId {\n  return (CANONICAL_CATEGORY_IDS as readonly string[]).includes(id);\n}\n\nexport function getCanonicalCategoryLabel(id: string) {\n  return isCanonicalCategoryId(id) ? CANONICAL_CATEGORY_LABELS[id] : undefined;\n}\n\nexport function getCanonicalCategoryIcon(id: string) {\n  return isCanonicalCategoryId(id) ? CANONICAL_CATEGORY_ICONS[id] : undefined;\n}\n"],"mappings":";;AAAA,MAAa,yBAAyB;CACpC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAIA,MAAa,4BAAiE;CAC5E,UAAU;CACV,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,UAAU;CACV,QAAQ;CACR,SAAS;CACT,SAAS;CACT,OAAO;AACT;AAEA,MAAa,2BAAgE;CAC3E,UAAU;CACV,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,UAAU;CACV,QAAQ;CACR,SAAS;CACT,SAAS;CACT,OAAO;AACT;AAEA,SAAgB,sBAAsB,IAAuC;CAC3E,OAAQ,uBAA6C,SAAS,EAAE;AAClE;AAEA,SAAgB,0BAA0B,IAAY;CACpD,OAAO,sBAAsB,EAAE,IAAI,0BAA0B,MAAM,KAAA;AACrE;AAEA,SAAgB,yBAAyB,IAAY;CACnD,OAAO,sBAAsB,EAAE,IAAI,yBAAyB,MAAM,KAAA;AACpE"}