@jinmi/ui 0.0.0-stage → 6.0.1

package/es/EditorSlashMenu/atoms.mjs

@@ -0,0 +1,109 @@
+"use client";
+import { useAppElement } from "../ThemeProvider/AppElementContext.mjs";
+import { styles } from "../base-ui/DropdownMenu/sharedStyle.mjs";
+import { styles as styles$1 } from "./style.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/EditorSlashMenu/atoms.tsx
+const mergeStateClassName = (base, className) => {
+	if (typeof className === "function") return (state) => cx(base, className(state));
+	return cx(base, className);
+};
+const EditorSlashMenuRoot = Autocomplete.Root;
+const EditorSlashMenuList = ({ ref, className, ...rest }) => {
+	return /* @__PURE__ */ jsx(Autocomplete.List, {
+		...rest,
+		className: mergeStateClassName(cx(styles$1.list), className),
+		ref
+	});
+};
+EditorSlashMenuList.displayName = "EditorSlashMenuList";
+const EditorSlashMenuPortal = ({ container, ...rest }) => {
+	const appElement = useAppElement();
+	return /* @__PURE__ */ jsx(Autocomplete.Portal, {
+		container: container ?? appElement ?? void 0,
+		...rest
+	});
+};
+EditorSlashMenuPortal.displayName = "EditorSlashMenuPortal";
+const EditorSlashMenuPositioner = ({ className, align, positionMethod, side, sideOffset, ...rest }) => {
+	return /* @__PURE__ */ jsx(Autocomplete.Positioner, {
+		...rest,
+		align: align ?? "start",
+		className: mergeStateClassName(styles.positioner, className),
+		positionMethod: positionMethod ?? "fixed",
+		side: side ?? "bottom",
+		sideOffset: sideOffset ?? 6
+	});
+};
+EditorSlashMenuPositioner.displayName = "EditorSlashMenuPositioner";
+const EditorSlashMenuPopup = ({ className, initialFocus = false, ...rest }) => {
+	return /* @__PURE__ */ jsx(Autocomplete.Popup, {
+		...rest,
+		className: mergeStateClassName(styles.popup, className),
+		initialFocus
+	});
+};
+EditorSlashMenuPopup.displayName = "EditorSlashMenuPopup";
+const EditorSlashMenuItem = ({ className, danger, ...rest }) => {
+	return /* @__PURE__ */ jsx(Autocomplete.Item, {
+		...rest,
+		className: (state) => cx(styles.item, danger && styles.danger, typeof className === "function" ? className(state) : className)
+	});
+};
+EditorSlashMenuItem.displayName = "EditorSlashMenuItem";
+const EditorSlashMenuGroup = Autocomplete.Group;
+const EditorSlashMenuGroupLabel = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx(Autocomplete.GroupLabel, {
+		...rest,
+		className: (state) => cx(styles.groupLabel, typeof className === "function" ? className(state) : className)
+	});
+};
+EditorSlashMenuGroupLabel.displayName = "EditorSlashMenuGroupLabel";
+const EditorSlashMenuEmpty = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx(Autocomplete.Empty, {
+		...rest,
+		className: (state) => cx(styles.item, styles.empty, typeof className === "function" ? className(state) : className)
+	});
+};
+EditorSlashMenuEmpty.displayName = "EditorSlashMenuEmpty";
+const EditorSlashMenuItemContent = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		className: cx(styles.itemContent, className)
+	});
+};
+EditorSlashMenuItemContent.displayName = "EditorSlashMenuItemContent";
+const EditorSlashMenuItemIcon = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx("span", {
+		...rest,
+		className: cx(styles.icon, className)
+	});
+};
+EditorSlashMenuItemIcon.displayName = "EditorSlashMenuItemIcon";
+const EditorSlashMenuItemLabel = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx("span", {
+		...rest,
+		className: cx(styles.label, className)
+	});
+};
+EditorSlashMenuItemLabel.displayName = "EditorSlashMenuItemLabel";
+const EditorSlashMenuItemExtra = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx("span", {
+		...rest,
+		className: cx(styles.extra, className)
+	});
+};
+EditorSlashMenuItemExtra.displayName = "EditorSlashMenuItemExtra";
+const EditorSlashMenuHiddenInput = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx(Autocomplete.Input, {
+		...rest,
+		className: mergeStateClassName(cx(styles$1.hiddenInput), className)
+	});
+};
+EditorSlashMenuHiddenInput.displayName = "EditorSlashMenuHiddenInput";
+//#endregion
+export { EditorSlashMenuEmpty, EditorSlashMenuGroup, EditorSlashMenuGroupLabel, EditorSlashMenuHiddenInput, EditorSlashMenuItem, EditorSlashMenuItemContent, EditorSlashMenuItemExtra, EditorSlashMenuItemIcon, EditorSlashMenuItemLabel, EditorSlashMenuList, EditorSlashMenuPopup, EditorSlashMenuPortal, EditorSlashMenuPositioner, EditorSlashMenuRoot };
+
+//# sourceMappingURL=atoms.mjs.map

package/es/EditorSlashMenu/atoms.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"atoms.mjs","names":["styles","menuStyles"],"sources":["../../src/EditorSlashMenu/atoms.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Autocomplete } from '@base-ui/react/autocomplete';\r\nimport { cx } from 'antd-style';\r\nimport type React from 'react';\r\n\r\nimport { styles as menuStyles } from '@/base-ui/DropdownMenu/sharedStyle';\r\nimport { useAppElement } from '@/ThemeProvider';\r\n\r\nimport { styles } from './style';\r\n\r\nconst mergeStateClassName = <TState,>(\r\n  base: string,\r\n  className: string | ((state: TState) => string | undefined) | undefined,\r\n) => {\r\n  if (typeof className === 'function') return (state: TState) => cx(base, className(state));\r\n  return cx(base, className);\r\n};\r\n\r\nexport const EditorSlashMenuRoot = Autocomplete.Root;\r\nexport const EditorSlashMenuList = ({\r\n  ref,\r\n  className,\r\n  ...rest\r\n}: React.ComponentProps<typeof Autocomplete.List> & {\r\n  ref?: React.RefObject<HTMLDivElement | null>;\r\n}) => {\r\n  return (\r\n    <Autocomplete.List\r\n      {...rest}\r\n      className={mergeStateClassName(cx(styles.list), className as any) as any}\r\n      ref={ref}\r\n    />\r\n  );\r\n};\r\nEditorSlashMenuList.displayName = 'EditorSlashMenuList';\r\n\r\nexport type EditorSlashMenuPortalProps = React.ComponentProps<typeof Autocomplete.Portal> & {\r\n  /**\r\n   * When `container` is not provided, it uses a shared container created by `usePortalContainer`.\r\n   */\r\n  container?: HTMLElement | null;\r\n};\r\n\r\nexport const EditorSlashMenuPortal = ({ container, ...rest }: EditorSlashMenuPortalProps) => {\r\n  const appElement = useAppElement();\r\n  return <Autocomplete.Portal container={container ?? appElement ?? undefined} {...rest} />;\r\n};\r\nEditorSlashMenuPortal.displayName = 'EditorSlashMenuPortal';\r\n\r\nexport type EditorSlashMenuPositionerProps = React.ComponentProps<typeof Autocomplete.Positioner>;\r\n\r\nexport const EditorSlashMenuPositioner = ({\r\n  className,\r\n  align,\r\n  positionMethod,\r\n  side,\r\n  sideOffset,\r\n  ...rest\r\n}: EditorSlashMenuPositionerProps) => {\r\n  return (\r\n    <Autocomplete.Positioner\r\n      {...rest}\r\n      align={align ?? 'start'}\r\n      className={mergeStateClassName(menuStyles.positioner, className as any) as any}\r\n      positionMethod={positionMethod ?? 'fixed'}\r\n      side={side ?? 'bottom'}\r\n      sideOffset={sideOffset ?? 6}\r\n    />\r\n  );\r\n};\r\nEditorSlashMenuPositioner.displayName = 'EditorSlashMenuPositioner';\r\n\r\nexport type EditorSlashMenuPopupProps = React.ComponentProps<typeof Autocomplete.Popup>;\r\n\r\nexport const EditorSlashMenuPopup = ({\r\n  className,\r\n  initialFocus = false,\r\n  ...rest\r\n}: EditorSlashMenuPopupProps) => {\r\n  return (\r\n    <Autocomplete.Popup\r\n      {...rest}\r\n      className={mergeStateClassName(menuStyles.popup, className as any) as any}\r\n      initialFocus={initialFocus}\r\n    />\r\n  );\r\n};\r\nEditorSlashMenuPopup.displayName = 'EditorSlashMenuPopup';\r\n\r\nexport type EditorSlashMenuItemProps = React.ComponentProps<typeof Autocomplete.Item> & {\r\n  danger?: boolean;\r\n};\r\n\r\nexport const EditorSlashMenuItem = ({ className, danger, ...rest }: EditorSlashMenuItemProps) => {\r\n  return (\r\n    <Autocomplete.Item\r\n      {...rest}\r\n      className={(state) =>\r\n        cx(\r\n          menuStyles.item,\r\n          danger && menuStyles.danger,\r\n          typeof className === 'function' ? className(state) : className,\r\n        )\r\n      }\r\n    />\r\n  );\r\n};\r\nEditorSlashMenuItem.displayName = 'EditorSlashMenuItem';\r\n\r\nexport type EditorSlashMenuGroupProps = React.ComponentProps<typeof Autocomplete.Group>;\r\nexport const EditorSlashMenuGroup = Autocomplete.Group;\r\n\r\nexport type EditorSlashMenuGroupLabelProps = React.ComponentProps<typeof Autocomplete.GroupLabel>;\r\n\r\nexport const EditorSlashMenuGroupLabel = ({\r\n  className,\r\n  ...rest\r\n}: EditorSlashMenuGroupLabelProps) => {\r\n  return (\r\n    <Autocomplete.GroupLabel\r\n      {...rest}\r\n      className={(state) =>\r\n        cx(menuStyles.groupLabel, typeof className === 'function' ? className(state) : className)\r\n      }\r\n    />\r\n  );\r\n};\r\nEditorSlashMenuGroupLabel.displayName = 'EditorSlashMenuGroupLabel';\r\n\r\nexport type EditorSlashMenuEmptyProps = React.ComponentProps<typeof Autocomplete.Empty>;\r\n\r\nexport const EditorSlashMenuEmpty = ({ className, ...rest }: EditorSlashMenuEmptyProps) => {\r\n  return (\r\n    <Autocomplete.Empty\r\n      {...rest}\r\n      className={(state) =>\r\n        cx(\r\n          menuStyles.item,\r\n          menuStyles.empty,\r\n          typeof className === 'function' ? className(state) : className,\r\n        )\r\n      }\r\n    />\r\n  );\r\n};\r\nEditorSlashMenuEmpty.displayName = 'EditorSlashMenuEmpty';\r\n\r\nexport type EditorSlashMenuItemContentProps = React.HTMLAttributes<HTMLDivElement>;\r\nexport const EditorSlashMenuItemContent = ({\r\n  className,\r\n  ...rest\r\n}: EditorSlashMenuItemContentProps) => {\r\n  return <div {...rest} className={cx(menuStyles.itemContent, className)} />;\r\n};\r\nEditorSlashMenuItemContent.displayName = 'EditorSlashMenuItemContent';\r\n\r\nexport type EditorSlashMenuItemIconProps = React.HTMLAttributes<HTMLSpanElement>;\r\nexport const EditorSlashMenuItemIcon = ({ className, ...rest }: EditorSlashMenuItemIconProps) => {\r\n  return <span {...rest} className={cx(menuStyles.icon, className)} />;\r\n};\r\nEditorSlashMenuItemIcon.displayName = 'EditorSlashMenuItemIcon';\r\n\r\nexport type EditorSlashMenuItemLabelProps = React.HTMLAttributes<HTMLSpanElement>;\r\nexport const EditorSlashMenuItemLabel = ({ className, ...rest }: EditorSlashMenuItemLabelProps) => {\r\n  return <span {...rest} className={cx(menuStyles.label, className)} />;\r\n};\r\nEditorSlashMenuItemLabel.displayName = 'EditorSlashMenuItemLabel';\r\n\r\nexport type EditorSlashMenuItemExtraProps = React.HTMLAttributes<HTMLSpanElement>;\r\nexport const EditorSlashMenuItemExtra = ({ className, ...rest }: EditorSlashMenuItemExtraProps) => {\r\n  return <span {...rest} className={cx(menuStyles.extra, className)} />;\r\n};\r\nEditorSlashMenuItemExtra.displayName = 'EditorSlashMenuItemExtra';\r\n\r\nexport type EditorSlashMenuHiddenInputProps = React.ComponentProps<typeof Autocomplete.Input>;\r\nexport const EditorSlashMenuHiddenInput = ({\r\n  className,\r\n  ...rest\r\n}: EditorSlashMenuHiddenInputProps) => {\r\n  return (\r\n    <Autocomplete.Input\r\n      {...rest}\r\n      className={mergeStateClassName(cx(styles.hiddenInput), className as any) as any}\r\n    />\r\n  );\r\n};\r\nEditorSlashMenuHiddenInput.displayName = 'EditorSlashMenuHiddenInput';\r\n"],"mappings":"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"}

package/es/EditorSlashMenu/index.d.mts

@@ -0,0 +1,4 @@
+import { EditorSlashMenuEmpty, EditorSlashMenuGroup, EditorSlashMenuGroupLabel, EditorSlashMenuHiddenInput, EditorSlashMenuItem, EditorSlashMenuItemContent, EditorSlashMenuItemExtra, EditorSlashMenuItemIcon, EditorSlashMenuItemLabel, EditorSlashMenuList, EditorSlashMenuPopup, EditorSlashMenuPortal, EditorSlashMenuPositioner, EditorSlashMenuRoot } from "./atoms.mjs";
+import { EditorSlashMenuItemValue, EditorSlashMenuItems, EditorSlashMenuOnOpenChange, EditorSlashMenuOnSelect, EditorSlashMenuOnValueChange, EditorSlashMenuOption, EditorSlashMenuPlacement, EditorSlashMenuRenderGroupLabel, EditorSlashMenuRenderItem, EditorSlashMenuValueToString } from "./type.mjs";
+import EditorSlashMenu from "./EditorSlashMenu.mjs";
+export { EditorSlashMenuEmpty, EditorSlashMenuGroup, EditorSlashMenuGroupLabel, EditorSlashMenuHiddenInput, EditorSlashMenuItem, EditorSlashMenuItemContent, EditorSlashMenuItemExtra, EditorSlashMenuItemIcon, EditorSlashMenuItemLabel, type EditorSlashMenuItemValue, type EditorSlashMenuItems, EditorSlashMenuList, type EditorSlashMenuOnOpenChange, type EditorSlashMenuOnSelect, type EditorSlashMenuOnValueChange, type EditorSlashMenuOption, type EditorSlashMenuPlacement, EditorSlashMenuPopup, EditorSlashMenuPortal, EditorSlashMenuPositioner, type EditorSlashMenuRenderGroupLabel, type EditorSlashMenuRenderItem, EditorSlashMenuRoot, type EditorSlashMenuValueToString, EditorSlashMenu as default };

package/es/EditorSlashMenu/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/EditorSlashMenu/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/EditorSlashMenu/index.mjs

@@ -0,0 +1,4 @@
+"use client";
+import { EditorSlashMenuEmpty, EditorSlashMenuGroup, EditorSlashMenuGroupLabel, EditorSlashMenuHiddenInput, EditorSlashMenuItem, EditorSlashMenuItemContent, EditorSlashMenuItemExtra, EditorSlashMenuItemIcon, EditorSlashMenuItemLabel, EditorSlashMenuList, EditorSlashMenuPopup, EditorSlashMenuPortal, EditorSlashMenuPositioner, EditorSlashMenuRoot } from "./atoms.mjs";
+import EditorSlashMenu from "./EditorSlashMenu.mjs";
+export { EditorSlashMenuEmpty, EditorSlashMenuGroup, EditorSlashMenuGroupLabel, EditorSlashMenuHiddenInput, EditorSlashMenuItem, EditorSlashMenuItemContent, EditorSlashMenuItemExtra, EditorSlashMenuItemIcon, EditorSlashMenuItemLabel, EditorSlashMenuList, EditorSlashMenuPopup, EditorSlashMenuPortal, EditorSlashMenuPositioner, EditorSlashMenuRoot, EditorSlashMenu as default };

package/es/EditorSlashMenu/style.mjs

@@ -0,0 +1,28 @@
+"use client";
+import { createStaticStyles } from "antd-style";
+//#region src/EditorSlashMenu/style.ts
+const styles = createStaticStyles(({ css }) => ({
+	hiddenInput: css`
+    position: absolute;
+
+    overflow: hidden;
+
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    border: 0;
+
+    white-space: nowrap;
+
+    clip: rect(0, 0, 0, 0);
+  `,
+	list: css`
+    overflow: auto;
+    max-height: 320px;
+  `
+}));
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/EditorSlashMenu/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/EditorSlashMenu/style.ts"],"sourcesContent":["'use client';\r\n\r\nimport { createStaticStyles } from 'antd-style';\r\n\r\nexport const styles = createStaticStyles(({ css }) => ({\r\n  // Optional hidden input for keyboard navigation (opt-in).\r\n  hiddenInput: css`\r\n    position: absolute;\r\n\r\n    overflow: hidden;\r\n\r\n    width: 1px;\r\n    height: 1px;\r\n    margin: -1px;\r\n    padding: 0;\r\n    border: 0;\r\n\r\n    white-space: nowrap;\r\n\r\n    clip: rect(0, 0, 0, 0);\r\n  `,\r\n  list: css`\r\n    overflow: auto;\r\n    max-height: 320px;\r\n  `,\r\n}));\r\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,WAAW;CAErD,aAAa,GAAG;;;;;;;;;;;;;;;CAehB,MAAM,GAAG;;;;AAIX,EAAE"}

package/es/EditorSlashMenu/type.d.mts

@@ -0,0 +1,36 @@
+import React from "react";
+import { AutocompleteRootChangeEventDetails } from "@base-ui/react/autocomplete";
+//#region src/EditorSlashMenu/type.d.ts
+type EditorSlashMenuItemValue = string;
+type EditorSlashMenuOption = {
+  /** Render danger style (red) */
+  danger?: boolean;
+  /** Whether the item is disabled */
+  disabled?: boolean;
+  /** Optional extra content shown at the end */
+  extra?: React.ReactNode;
+  /** Optional icon shown at the start */
+  icon?: React.ReactNode;
+  /** Optional additional keywords for filtering */
+  keywords?: string[];
+  /** Visible label, also used for filtering by default */
+  label: string;
+  /** Unique id of the command */
+  value: EditorSlashMenuItemValue;
+};
+type EditorSlashMenuGroup = {
+  items: EditorSlashMenuOption[];
+  /** Optional group title */
+  label?: string;
+};
+type EditorSlashMenuItems = Array<EditorSlashMenuOption | EditorSlashMenuGroup>;
+type EditorSlashMenuOnOpenChange = (open: boolean, details: AutocompleteRootChangeEventDetails) => void;
+type EditorSlashMenuOnValueChange = (value: string, details: AutocompleteRootChangeEventDetails) => void;
+type EditorSlashMenuOnSelect = (item: EditorSlashMenuOption, details: AutocompleteRootChangeEventDetails) => void;
+type EditorSlashMenuValueToString = (item: EditorSlashMenuOption) => string;
+type EditorSlashMenuRenderItem = (item: EditorSlashMenuOption) => React.ReactNode;
+type EditorSlashMenuRenderGroupLabel = (label: string) => React.ReactNode;
+type EditorSlashMenuPlacement = 'top' | 'bottom';
+//#endregion
+export { EditorSlashMenuGroup, EditorSlashMenuItemValue, EditorSlashMenuItems, EditorSlashMenuOnOpenChange, EditorSlashMenuOnSelect, EditorSlashMenuOnValueChange, EditorSlashMenuOption, EditorSlashMenuPlacement, EditorSlashMenuRenderGroupLabel, EditorSlashMenuRenderItem, EditorSlashMenuValueToString };
+//# sourceMappingURL=type.d.mts.map

package/es/EditorSlashMenu/useKeyboardNavigation.mjs

@@ -0,0 +1,50 @@
+import { isEditableTarget } from "./utils.mjs";
+import { useCallback, useEffect, useRef } from "react";
+//#region src/EditorSlashMenu/useKeyboardNavigation.ts
+const useKeyboardNavigation = ({ isOpen }) => {
+	const listRef = useRef(null);
+	const dispatchListKey = useCallback((key) => {
+		const list = listRef.current;
+		if (!list) return;
+		const event = new KeyboardEvent("keydown", {
+			bubbles: true,
+			cancelable: true,
+			key
+		});
+		list.dispatchEvent(event);
+	}, []);
+	useEffect(() => {
+		if (!isOpen) return;
+		const raf = requestAnimationFrame(() => {
+			const list = listRef.current;
+			if (!list) return;
+			if (list.querySelector("[data-highlighted]")) return;
+			if (!list.querySelector("[role=\"option\"]")) return;
+			dispatchListKey("ArrowDown");
+		});
+		return () => cancelAnimationFrame(raf);
+	}, [dispatchListKey, isOpen]);
+	useEffect(() => {
+		if (!isOpen) return;
+		const handleKeyDown = (event) => {
+			if (!event.isTrusted) return;
+			const list = listRef.current;
+			if (!list) return;
+			if (event.metaKey || event.ctrlKey || event.altKey) return;
+			const target = event.target;
+			if (!isEditableTarget(target) || list.contains(target)) return;
+			if (!list.querySelector("[role=\"option\"]")) return;
+			if (event.key !== "ArrowDown" && event.key !== "ArrowUp" && event.key !== "Enter") return;
+			if (event.key === "Enter" && !list.querySelector("[data-highlighted]")) return;
+			event.preventDefault();
+			dispatchListKey(event.key);
+		};
+		document.addEventListener("keydown", handleKeyDown);
+		return () => document.removeEventListener("keydown", handleKeyDown);
+	}, [dispatchListKey, isOpen]);
+	return { listRef };
+};
+//#endregion
+export { useKeyboardNavigation };
+
+//# sourceMappingURL=useKeyboardNavigation.mjs.map

package/es/EditorSlashMenu/useKeyboardNavigation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardNavigation.mjs","names":[],"sources":["../../src/EditorSlashMenu/useKeyboardNavigation.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\r\n\r\nimport { isEditableTarget } from './utils';\r\n\r\ninterface UseKeyboardNavigationProps {\r\n  isOpen: boolean;\r\n}\r\n\r\nexport const useKeyboardNavigation = ({ isOpen }: UseKeyboardNavigationProps) => {\r\n  const listRef = useRef<HTMLDivElement | null>(null);\r\n\r\n  const dispatchListKey = useCallback((key: string) => {\r\n    const list = listRef.current;\r\n    if (!list) return;\r\n    const event = new KeyboardEvent('keydown', { bubbles: true, cancelable: true, key });\r\n    list.dispatchEvent(event);\r\n  }, []);\r\n\r\n  // Auto-highlight first item when menu opens\r\n  useEffect(() => {\r\n    if (!isOpen) return;\r\n    const raf = requestAnimationFrame(() => {\r\n      const list = listRef.current;\r\n      if (!list) return;\r\n      if (list.querySelector('[data-highlighted]')) return;\r\n      if (!list.querySelector('[role=\"option\"]')) return;\r\n      dispatchListKey('ArrowDown');\r\n    });\r\n    return () => cancelAnimationFrame(raf);\r\n  }, [dispatchListKey, isOpen]);\r\n\r\n  // Global keyboard navigation when menu is open\r\n  useEffect(() => {\r\n    if (!isOpen) return;\r\n    const handleKeyDown = (event: KeyboardEvent) => {\r\n      if (!event.isTrusted) return;\r\n      const list = listRef.current;\r\n      if (!list) return;\r\n      if (event.metaKey || event.ctrlKey || event.altKey) return;\r\n      const target = event.target as HTMLElement | null;\r\n      if (!isEditableTarget(target) || list.contains(target)) return;\r\n      if (!list.querySelector('[role=\"option\"]')) return;\r\n      if (event.key !== 'ArrowDown' && event.key !== 'ArrowUp' && event.key !== 'Enter') return;\r\n      if (event.key === 'Enter' && !list.querySelector('[data-highlighted]')) return;\r\n      event.preventDefault();\r\n      dispatchListKey(event.key);\r\n    };\r\n    document.addEventListener('keydown', handleKeyDown);\r\n    return () => document.removeEventListener('keydown', handleKeyDown);\r\n  }, [dispatchListKey, isOpen]);\r\n\r\n  return { listRef };\r\n};\r\n"],"mappings":";;;AAQA,MAAa,yBAAyB,EAAE,aAAyC;CAC/E,MAAM,UAAU,OAA8B,IAAI;CAElD,MAAM,kBAAkB,aAAa,QAAgB;EACnD,MAAM,OAAO,QAAQ;EACrB,IAAI,CAAC,MAAM;EACX,MAAM,QAAQ,IAAI,cAAc,WAAW;GAAE,SAAS;GAAM,YAAY;GAAM;EAAI,CAAC;EACnF,KAAK,cAAc,KAAK;CAC1B,GAAG,CAAC,CAAC;CAGL,gBAAgB;EACd,IAAI,CAAC,QAAQ;EACb,MAAM,MAAM,4BAA4B;GACtC,MAAM,OAAO,QAAQ;GACrB,IAAI,CAAC,MAAM;GACX,IAAI,KAAK,cAAc,oBAAoB,GAAG;GAC9C,IAAI,CAAC,KAAK,cAAc,mBAAiB,GAAG;GAC5C,gBAAgB,WAAW;EAC7B,CAAC;EACD,aAAa,qBAAqB,GAAG;CACvC,GAAG,CAAC,iBAAiB,MAAM,CAAC;CAG5B,gBAAgB;EACd,IAAI,CAAC,QAAQ;EACb,MAAM,iBAAiB,UAAyB;GAC9C,IAAI,CAAC,MAAM,WAAW;GACtB,MAAM,OAAO,QAAQ;GACrB,IAAI,CAAC,MAAM;GACX,IAAI,MAAM,WAAW,MAAM,WAAW,MAAM,QAAQ;GACpD,MAAM,SAAS,MAAM;GACrB,IAAI,CAAC,iBAAiB,MAAM,KAAK,KAAK,SAAS,MAAM,GAAG;GACxD,IAAI,CAAC,KAAK,cAAc,mBAAiB,GAAG;GAC5C,IAAI,MAAM,QAAQ,eAAe,MAAM,QAAQ,aAAa,MAAM,QAAQ,SAAS;GACnF,IAAI,MAAM,QAAQ,WAAW,CAAC,KAAK,cAAc,oBAAoB,GAAG;GACxE,MAAM,eAAe;GACrB,gBAAgB,MAAM,GAAG;EAC3B;EACA,SAAS,iBAAiB,WAAW,aAAa;EAClD,aAAa,SAAS,oBAAoB,WAAW,aAAa;CACpE,GAAG,CAAC,iBAAiB,MAAM,CAAC;CAE5B,OAAO,EAAE,QAAQ;AACnB"}

package/es/EditorSlashMenu/useNormalizedItems.mjs

@@ -0,0 +1,36 @@
+import { isGroup } from "./utils.mjs";
+import { useMemo } from "react";
+//#region src/EditorSlashMenu/useNormalizedItems.ts
+const useNormalizedItems = (items) => {
+	const resolvedItems = useMemo(() => {
+		if (!items.some(isGroup)) return items;
+		const groups = [];
+		let buffer = [];
+		const flush = () => {
+			if (buffer.length) {
+				groups.push({ items: buffer });
+				buffer = [];
+			}
+		};
+		for (const entry of items) if (isGroup(entry)) {
+			flush();
+			groups.push(entry);
+		} else buffer.push(entry);
+		flush();
+		return groups;
+	}, [items]);
+	return {
+		hasAnyIcon: useMemo(() => {
+			const walk = (entry) => {
+				if (isGroup(entry)) return entry.items.some(walk);
+				return Boolean(entry.icon);
+			};
+			return items.some(walk);
+		}, [items]),
+		resolvedItems
+	};
+};
+//#endregion
+export { useNormalizedItems };
+
+//# sourceMappingURL=useNormalizedItems.mjs.map

package/es/EditorSlashMenu/useNormalizedItems.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNormalizedItems.mjs","names":[],"sources":["../../src/EditorSlashMenu/useNormalizedItems.ts"],"sourcesContent":["import { useMemo } from 'react';\r\n\r\nimport type { EditorSlashMenuGroup, EditorSlashMenuItems, EditorSlashMenuOption } from './type';\r\nimport { isGroup } from './utils';\r\n\r\nexport const useNormalizedItems = (items: EditorSlashMenuItems) => {\r\n  const resolvedItems = useMemo(() => {\r\n    const hasAnyGroup = items.some(isGroup);\r\n    if (!hasAnyGroup) return items as EditorSlashMenuOption[];\r\n\r\n    // Normalize: keep order, but ensure all entries are groups.\r\n    const groups: EditorSlashMenuGroup[] = [];\r\n    let buffer: EditorSlashMenuOption[] = [];\r\n\r\n    const flush = () => {\r\n      if (buffer.length) {\r\n        groups.push({ items: buffer });\r\n        buffer = [];\r\n      }\r\n    };\r\n\r\n    for (const entry of items) {\r\n      if (isGroup(entry)) {\r\n        flush();\r\n        groups.push(entry);\r\n      } else {\r\n        buffer.push(entry);\r\n      }\r\n    }\r\n    flush();\r\n\r\n    return groups;\r\n  }, [items]);\r\n\r\n  const hasAnyIcon = useMemo(() => {\r\n    const walk = (entry: EditorSlashMenuOption | EditorSlashMenuGroup): boolean => {\r\n      if (isGroup(entry)) return entry.items.some(walk as any);\r\n      return Boolean(entry.icon);\r\n    };\r\n    return items.some(walk as any);\r\n  }, [items]);\r\n\r\n  return { hasAnyIcon, resolvedItems };\r\n};\r\n"],"mappings":";;;AAKA,MAAa,sBAAsB,UAAgC;CACjE,MAAM,gBAAgB,cAAc;EAElC,IAAI,CADgB,MAAM,KAAK,OAChB,GAAG,OAAO;EAGzB,MAAM,SAAiC,CAAC;EACxC,IAAI,SAAkC,CAAC;EAEvC,MAAM,cAAc;GAClB,IAAI,OAAO,QAAQ;IACjB,OAAO,KAAK,EAAE,OAAO,OAAO,CAAC;IAC7B,SAAS,CAAC;GACZ;EACF;EAEA,KAAK,MAAM,SAAS,OAClB,IAAI,QAAQ,KAAK,GAAG;GAClB,MAAM;GACN,OAAO,KAAK,KAAK;EACnB,OACE,OAAO,KAAK,KAAK;EAGrB,MAAM;EAEN,OAAO;CACT,GAAG,CAAC,KAAK,CAAC;CAUV,OAAO;EAAE,YARU,cAAc;GAC/B,MAAM,QAAQ,UAAiE;IAC7E,IAAI,QAAQ,KAAK,GAAG,OAAO,MAAM,MAAM,KAAK,IAAW;IACvD,OAAO,QAAQ,MAAM,IAAI;GAC3B;GACA,OAAO,MAAM,KAAK,IAAW;EAC/B,GAAG,CAAC,KAAK,CAES;EAAG;CAAc;AACrC"}

package/es/EditorSlashMenu/utils.mjs

@@ -0,0 +1,13 @@
+//#region src/EditorSlashMenu/utils.ts
+const isGroup = (entry) => Boolean(entry.items && Array.isArray(entry.items));
+const isEditableTarget = (target) => {
+	if (!(target instanceof HTMLElement)) return false;
+	if (target.isContentEditable) return true;
+	const tag = target.tagName;
+	if (tag === "INPUT" || tag === "TEXTAREA") return !target.readOnly && !target.disabled;
+	return target.getAttribute("role") === "textbox";
+};
+//#endregion
+export { isEditableTarget, isGroup };
+
+//# sourceMappingURL=utils.mjs.map

package/es/EditorSlashMenu/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/EditorSlashMenu/utils.ts"],"sourcesContent":["import type { EditorSlashMenuGroup, EditorSlashMenuOption } from './type';\r\n\r\nexport const isGroup = (\r\n  entry: EditorSlashMenuOption | EditorSlashMenuGroup,\r\n): entry is EditorSlashMenuGroup =>\r\n  Boolean(\r\n    (entry as EditorSlashMenuGroup).items && Array.isArray((entry as EditorSlashMenuGroup).items),\r\n  );\r\n\r\nexport const isEditableTarget = (target: EventTarget | null) => {\r\n  if (!(target instanceof HTMLElement)) return false;\r\n  if (target.isContentEditable) return true;\r\n  const tag = target.tagName;\r\n  if (tag === 'INPUT' || tag === 'TEXTAREA') {\r\n    return (\r\n      !(target as HTMLInputElement | HTMLTextAreaElement).readOnly &&\r\n      !(target as HTMLInputElement | HTMLTextAreaElement).disabled\r\n    );\r\n  }\r\n  return target.getAttribute('role') === 'textbox';\r\n};\r\n"],"mappings":";AAEA,MAAa,WACX,UAEA,QACG,MAA+B,SAAS,MAAM,QAAS,MAA+B,KAAK,CAC9F;AAEF,MAAa,oBAAoB,WAA+B;CAC9D,IAAI,EAAE,kBAAkB,cAAc,OAAO;CAC7C,IAAI,OAAO,mBAAmB,OAAO;CACrC,MAAM,MAAM,OAAO;CACnB,IAAI,QAAQ,WAAW,QAAQ,YAC7B,OACE,CAAE,OAAkD,YACpD,CAAE,OAAkD;CAGxD,OAAO,OAAO,aAAa,MAAM,MAAM;AACzC"}

package/es/EmojiPicker/AvatarUploader.mjs

@@ -0,0 +1,128 @@
+"use client";
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import Center from "../Flex/Center.mjs";
+import Icon from "../Icon/Icon.mjs";
+import Text from "../Text/Text.mjs";
+import Button from "../base-ui/Button/Button.mjs";
+import UploadDragger from "../base-ui/Upload/UploadDragger.mjs";
+import Tag from "../base-ui/Tag/Tag.mjs";
+import { useTranslation } from "../i18n/useTranslation.mjs";
+import emojiPicker_default from "../i18n/resources/en/emojiPicker.mjs";
+import { ToastHost, toast } from "../base-ui/Toast/imperative.mjs";
+import { memo, useCallback, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cssVar } from "antd-style";
+import { ChevronLeftIcon, ImageUpIcon } from "lucide-react";
+import AvatarEditor from "react-avatar-editor";
+//#region src/EmojiPicker/AvatarUploader.tsx
+const ACCEPTED_IMAGE_TYPES = /* @__PURE__ */ new Set([
+	"image/jpeg",
+	"image/png",
+	"image/gif",
+	"image/webp"
+]);
+const readAsDataURL = (file, onLoad) => {
+	const reader = new FileReader();
+	reader.readAsDataURL(file);
+	reader.addEventListener("load", () => {
+		onLoad(String(reader.result));
+	});
+};
+const AvatarUploader = memo(({ shape, onChange, texts, compressSize = 256, onUpload }) => {
+	const editor = useRef(null);
+	const [previewImage, setPreviewImage] = useState("");
+	const { t } = useTranslation(emojiPicker_default);
+	const fileTypeErrorText = texts?.fileTypeError ?? t("emojiPicker.fileTypeError");
+	const draggerDescText = texts?.draggerDesc ?? t("emojiPicker.draggerDesc");
+	const uploadBtnText = texts?.uploadBtn ?? t("emojiPicker.uploadBtn");
+	const handleFiles = useCallback(([file]) => {
+		if (!ACCEPTED_IMAGE_TYPES.has(file.type)) {
+			toast.error(fileTypeErrorText);
+			return;
+		}
+		readAsDataURL(file, setPreviewImage);
+	}, [fileTypeErrorText]);
+	const handleUpload = () => {
+		if (!editor.current) return;
+		const canvasScaled = editor.current.getImageScaledToCanvas();
+		onChange(canvasScaled.toDataURL());
+		if (!onUpload) return;
+		canvasScaled.toBlob((blob) => {
+			if (blob) onUpload(new File([blob], "avatar.webp", { type: "image/webp" }));
+		}, "image/webp", .95);
+	};
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		padding: 10,
+		style: { position: "relative" },
+		width: "100%",
+		children: [
+			!previewImage && /* @__PURE__ */ jsx(UploadDragger, {
+				maxCount: 1,
+				onFiles: handleFiles,
+				children: /* @__PURE__ */ jsxs(Center, {
+					gap: 16,
+					height: compressSize,
+					width: compressSize,
+					children: [
+						/* @__PURE__ */ jsx(Icon, {
+							color: cssVar.colorTextDescription,
+							icon: ImageUpIcon,
+							size: 48
+						}),
+						/* @__PURE__ */ jsx(Text, {
+							color: cssVar.colorTextSecondary,
+							children: draggerDescText
+						}),
+						/* @__PURE__ */ jsxs(Center, {
+							horizontal: true,
+							gap: 4,
+							children: [
+								/* @__PURE__ */ jsx(Tag, { children: "JPG" }),
+								/* @__PURE__ */ jsx(Tag, { children: "PNG" }),
+								/* @__PURE__ */ jsx(Tag, { children: "GIF" }),
+								/* @__PURE__ */ jsx(Tag, { children: "WEBP" })
+							]
+						})
+					]
+				})
+			}),
+			previewImage && /* @__PURE__ */ jsxs(Center, {
+				gap: 8,
+				style: { position: "relative" },
+				width: "100%",
+				children: [/* @__PURE__ */ jsx(AvatarEditor, {
+					border: 0,
+					borderRadius: shape === "square" ? void 0 : compressSize / 2,
+					height: compressSize,
+					image: previewImage,
+					ref: editor,
+					width: compressSize
+				}), /* @__PURE__ */ jsxs(FlexBasic_default, {
+					horizontal: true,
+					gap: 8,
+					style: { position: "relative" },
+					width: "100%",
+					children: [/* @__PURE__ */ jsx(Button, {
+						icon: ChevronLeftIcon,
+						style: { flex: "none" },
+						onClick: () => setPreviewImage("")
+					}), /* @__PURE__ */ jsx(Button, {
+						style: {
+							flex: 1,
+							fontWeight: 500
+						},
+						type: "primary",
+						onClick: handleUpload,
+						children: uploadBtnText
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsx(ToastHost, {})
+		]
+	});
+});
+AvatarUploader.displayName = "AvatarUploader";
+//#endregion
+export { AvatarUploader as default };
+
+//# sourceMappingURL=AvatarUploader.mjs.map

package/es/EmojiPicker/AvatarUploader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarUploader.mjs","names":["emojiPickerMessages","Flexbox"],"sources":["../../src/EmojiPicker/AvatarUploader.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cssVar } from 'antd-style';\r\nimport { ChevronLeftIcon, ImageUpIcon } from 'lucide-react';\r\nimport { memo, useCallback, useRef, useState } from 'react';\r\nimport AvatarEditor from 'react-avatar-editor';\r\n\r\nimport Button from '@/base-ui/Button';\r\nimport Tag from '@/base-ui/Tag';\r\nimport { toast, ToastHost } from '@/base-ui/Toast';\r\nimport { UploadDragger } from '@/base-ui/Upload';\r\nimport { Center, Flexbox } from '@/Flex';\r\nimport emojiPickerMessages from '@/i18n/resources/en/emojiPicker';\r\nimport { useTranslation } from '@/i18n/useTranslation';\r\nimport Icon from '@/Icon';\r\nimport Text from '@/Text';\r\n\r\nimport { type AvatarUploaderProps } from './type';\r\n\r\nconst ACCEPTED_IMAGE_TYPES = new Set(['image/jpeg', 'image/png', 'image/gif', 'image/webp']);\r\n\r\nconst readAsDataURL = (file: File, onLoad: (dataUrl: string) => void) => {\r\n  const reader = new FileReader();\r\n  reader.readAsDataURL(file);\r\n  reader.addEventListener('load', () => {\r\n    onLoad(String(reader.result));\r\n  });\r\n};\r\n\r\nconst AvatarUploader = memo<AvatarUploaderProps>(\r\n  ({ shape, onChange, texts, compressSize = 256, onUpload }) => {\r\n    const editor = useRef<any>(null);\r\n    const [previewImage, setPreviewImage] = useState('');\r\n    const { t } = useTranslation(emojiPickerMessages);\r\n\r\n    const fileTypeErrorText = texts?.fileTypeError ?? t('emojiPicker.fileTypeError');\r\n    const draggerDescText = texts?.draggerDesc ?? t('emojiPicker.draggerDesc');\r\n    const uploadBtnText = texts?.uploadBtn ?? t('emojiPicker.uploadBtn');\r\n\r\n    const handleFiles = useCallback(\r\n      ([file]: File[]) => {\r\n        if (!ACCEPTED_IMAGE_TYPES.has(file.type)) {\r\n          toast.error(fileTypeErrorText);\r\n          return;\r\n        }\r\n        readAsDataURL(file, setPreviewImage);\r\n      },\r\n      [fileTypeErrorText],\r\n    );\r\n\r\n    const handleUpload = () => {\r\n      if (!editor.current) return;\r\n      const canvasScaled = editor.current.getImageScaledToCanvas() as HTMLCanvasElement;\r\n      const dataUrl = canvasScaled.toDataURL();\r\n      onChange(dataUrl);\r\n\r\n      if (!onUpload) return;\r\n\r\n      // 使用 toBlob 直接获取 Blob，然后创建 File 对象\r\n      canvasScaled.toBlob(\r\n        (blob) => {\r\n          if (blob) {\r\n            const file = new File([blob], 'avatar.webp', { type: 'image/webp' });\r\n            onUpload(file);\r\n          }\r\n        },\r\n        'image/webp',\r\n        0.95,\r\n      ); // 0.95 是图片质量\r\n    };\r\n\r\n    return (\r\n      <Flexbox padding={10} style={{ position: 'relative' }} width={'100%'}>\r\n        {!previewImage && (\r\n          <UploadDragger maxCount={1} onFiles={handleFiles}>\r\n            <Center gap={16} height={compressSize} width={compressSize}>\r\n              <Icon color={cssVar.colorTextDescription} icon={ImageUpIcon} size={48} />\r\n              <Text color={cssVar.colorTextSecondary}>{draggerDescText}</Text>\r\n              <Center horizontal gap={4}>\r\n                <Tag>JPG</Tag>\r\n                <Tag>PNG</Tag>\r\n                <Tag>GIF</Tag>\r\n                <Tag>WEBP</Tag>\r\n              </Center>\r\n            </Center>\r\n          </UploadDragger>\r\n        )}\r\n        {previewImage && (\r\n          <Center gap={8} style={{ position: 'relative' }} width={'100%'}>\r\n            <AvatarEditor\r\n              border={0}\r\n              borderRadius={shape === 'square' ? undefined : compressSize / 2}\r\n              height={compressSize}\r\n              image={previewImage}\r\n              ref={editor}\r\n              width={compressSize}\r\n            />\r\n\r\n            <Flexbox horizontal gap={8} style={{ position: 'relative' }} width={'100%'}>\r\n              <Button\r\n                icon={ChevronLeftIcon}\r\n                style={{ flex: 'none' }}\r\n                onClick={() => setPreviewImage('')}\r\n              />\r\n              <Button style={{ flex: 1, fontWeight: 500 }} type={'primary'} onClick={handleUpload}>\r\n                {uploadBtnText}\r\n              </Button>\r\n            </Flexbox>\r\n          </Center>\r\n        )}\r\n        <ToastHost />\r\n      </Flexbox>\r\n    );\r\n  },\r\n);\r\n\r\nAvatarUploader.displayName = 'AvatarUploader';\r\n\r\nexport default AvatarUploader;\r\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBA,MAAM,uCAAuB,IAAI,IAAI;CAAC;CAAc;CAAa;CAAa;AAAY,CAAC;AAE3F,MAAM,iBAAiB,MAAY,WAAsC;CACvE,MAAM,SAAS,IAAI,WAAW;CAC9B,OAAO,cAAc,IAAI;CACzB,OAAO,iBAAiB,cAAc;EACpC,OAAO,OAAO,OAAO,MAAM,CAAC;CAC9B,CAAC;AACH;AAEA,MAAM,iBAAiB,MACpB,EAAE,OAAO,UAAU,OAAO,eAAe,KAAK,eAAe;CAC5D,MAAM,SAAS,OAAY,IAAI;CAC/B,MAAM,CAAC,cAAc,mBAAmB,SAAS,EAAE;CACnD,MAAM,EAAE,MAAM,eAAeA,mBAAmB;CAEhD,MAAM,oBAAoB,OAAO,iBAAiB,EAAE,2BAA2B;CAC/E,MAAM,kBAAkB,OAAO,eAAe,EAAE,yBAAyB;CACzE,MAAM,gBAAgB,OAAO,aAAa,EAAE,uBAAuB;CAEnE,MAAM,cAAc,aACjB,CAAC,UAAkB;EAClB,IAAI,CAAC,qBAAqB,IAAI,KAAK,IAAI,GAAG;GACxC,MAAM,MAAM,iBAAiB;GAC7B;EACF;EACA,cAAc,MAAM,eAAe;CACrC,GACA,CAAC,iBAAiB,CACpB;CAEA,MAAM,qBAAqB;EACzB,IAAI,CAAC,OAAO,SAAS;EACrB,MAAM,eAAe,OAAO,QAAQ,uBAAuB;EAE3D,SADgB,aAAa,UACd,CAAC;EAEhB,IAAI,CAAC,UAAU;EAGf,aAAa,QACV,SAAS;GACR,IAAI,MAEF,SAAS,IADQ,KAAK,CAAC,IAAI,GAAG,eAAe,EAAE,MAAM,aAAa,CACtD,CAAC;EAEjB,GACA,cACA,GACF;CACF;CAEA,OACE,qBAACC,mBAAD;EAAS,SAAS;EAAI,OAAO,EAAE,UAAU,WAAW;EAAG,OAAO;EAA9D,UAAA;GACG,CAAC,gBACA,oBAAC,eAAD;IAAe,UAAU;IAAG,SAAS;IACnC,UAAA,qBAAC,QAAD;KAAQ,KAAK;KAAI,QAAQ;KAAc,OAAO;KAA9C,UAAA;MACE,oBAAC,MAAD;OAAM,OAAO,OAAO;OAAsB,MAAM;OAAa,MAAM;MAAK,CAAA;MACxE,oBAAC,MAAD;OAAM,OAAO,OAAO;OAAqB,UAAA;MAAsB,CAAA;MAC/D,qBAAC,QAAD;OAAQ,YAAA;OAAW,KAAK;OAAxB,UAAA;QACE,oBAAC,KAAD,EAAA,UAAK,MAAQ,CAAA;QACb,oBAAC,KAAD,EAAA,UAAK,MAAQ,CAAA;QACb,oBAAC,KAAD,EAAA,UAAK,MAAQ,CAAA;QACb,oBAAC,KAAD,EAAA,UAAK,OAAS,CAAA;OACR;;KACF;;GACK,CAAA;GAEhB,gBACC,qBAAC,QAAD;IAAQ,KAAK;IAAG,OAAO,EAAE,UAAU,WAAW;IAAG,OAAO;IAAxD,UAAA,CACE,oBAAC,cAAD;KACE,QAAQ;KACR,cAAc,UAAU,WAAW,KAAA,IAAY,eAAe;KAC9D,QAAQ;KACR,OAAO;KACP,KAAK;KACL,OAAO;IACR,CAAA,GAED,qBAACA,mBAAD;KAAS,YAAA;KAAW,KAAK;KAAG,OAAO,EAAE,UAAU,WAAW;KAAG,OAAO;KAApE,UAAA,CACE,oBAAC,QAAD;MACE,MAAM;MACN,OAAO,EAAE,MAAM,OAAO;MACtB,eAAe,gBAAgB,EAAE;KAClC,CAAA,GACD,oBAAC,QAAD;MAAQ,OAAO;OAAE,MAAM;OAAG,YAAY;MAAI;MAAG,MAAM;MAAW,SAAS;MACpE,UAAA;KACK,CAAA,CACD;IACH,CAAA,CAAA;;GAEV,oBAAC,WAAD,CAAY,CAAA;EACL;;AAEb,CACF;AAEA,eAAe,cAAc"}

package/es/EmojiPicker/EmojiPicker.d.mts

@@ -0,0 +1,6 @@
+import { EmojiPickerProps } from "./type.mjs";
+//#region src/EmojiPicker/EmojiPicker.d.ts
+declare const EmojiPicker: import("react").NamedExoticComponent<EmojiPickerProps>;
+//#endregion
+export { EmojiPicker as default };
+//# sourceMappingURL=EmojiPicker.d.mts.map