@editora/plugins 1.0.1 → 1.0.4

package/dist/emojis.esm.js

@@ -0,0 +1,1080 @@
+const d = {
+  all: {
+    name: "All",
+    emojis: [
+      /* Symbols */
+      "❤️",
+      "💔",
+      "💙",
+      "💚",
+      "💛",
+      "🖤",
+      "🤍",
+      "🤎",
+      "✔️",
+      "❌",
+      "☑️",
+      "❗",
+      "❓",
+      "⚠️",
+      "💯",
+      "➕",
+      "➖",
+      "✖️",
+      "➗",
+      "♻️",
+      "⚡",
+      "🔥",
+      "✨",
+      "⭐",
+      "⭕",
+      "🚫",
+      /* People */
+      "😀",
+      "😃",
+      "😄",
+      "😁",
+      "😆",
+      "😅",
+      "😂",
+      "🤣",
+      "😊",
+      "😇",
+      "🙂",
+      "🙃",
+      "😉",
+      "😍",
+      "😘",
+      "😎",
+      "🤓",
+      "😐",
+      "😑",
+      "😬",
+      "🙄",
+      "😏",
+      "😌",
+      "🤩",
+      "🥳",
+      "🤔",
+      "😴",
+      "😭",
+      "😢",
+      "😡",
+      "🤯",
+      "👍",
+      "👎",
+      "👌",
+      "✌️",
+      "🤞",
+      "🙏",
+      "👏",
+      "🙌",
+      "💪",
+      /* Animals & Nature */
+      "🐶",
+      "🐱",
+      "🐭",
+      "🐹",
+      "🐰",
+      "🦊",
+      "🐻",
+      "🐼",
+      "🐨",
+      "🐯",
+      "🦁",
+      "🐮",
+      "🐷",
+      "🐸",
+      "🐵",
+      "🐔",
+      "🐧",
+      "🐦",
+      "🦆",
+      "🦅",
+      "🦄",
+      "🐝",
+      "🦋",
+      "🌲",
+      "🌳",
+      "🌴",
+      "🌵",
+      "🌸",
+      "🌼",
+      "🌻",
+      "☀️",
+      "🌙",
+      "⭐",
+      "🌈",
+      "🌧️",
+      "❄️",
+      "🌊",
+      /* Food & Drink */
+      "🍎",
+      "🍌",
+      "🍉",
+      "🍇",
+      "🍓",
+      "🍒",
+      "🍍",
+      "🥭",
+      "🍐",
+      "🍊",
+      "🍋",
+      "🍑",
+      "🥝",
+      "🥑",
+      "🍔",
+      "🍟",
+      "🍕",
+      "🌭",
+      "🥪",
+      "🌮",
+      "🌯",
+      "🍣",
+      "🍜",
+      "🍰",
+      "🧁",
+      "🍩",
+      "🍪",
+      "🍫",
+      "☕",
+      "🍵",
+      "🥤",
+      "🍺",
+      "🍷",
+      "🍸",
+      "🍹",
+      "🥂",
+      /* Activity */
+      "⚽",
+      "🏀",
+      "🏈",
+      "⚾",
+      "🎾",
+      "🏐",
+      "🏉",
+      "🎮",
+      "🎯",
+      "🎳",
+      "🎲",
+      "♟️",
+      "🏃",
+      "🚴",
+      "🏊",
+      "🏋️",
+      "🧘",
+      "🎸",
+      "🎹",
+      "🥁",
+      "🎺",
+      "🎤",
+      "🏆",
+      "🥇",
+      /* Travel & Places */
+      "🚗",
+      "🚕",
+      "🚌",
+      "🚎",
+      "🚓",
+      "🚑",
+      "🚒",
+      "✈️",
+      "🚀",
+      "🚁",
+      "🚤",
+      "🛳️",
+      "🚢",
+      "🏠",
+      "🏢",
+      "🏬",
+      "🏫",
+      "🏥",
+      "🏰",
+      "🗼",
+      "🗽",
+      "⛩️",
+      "🕌",
+      "🌍",
+      "🌎",
+      "🌏",
+      "🏖️",
+      "🏝️",
+      /* Objects */
+      "📱",
+      "💻",
+      "🖥️",
+      "⌨️",
+      "🖱️",
+      "📷",
+      "📸",
+      "🎥",
+      "📹",
+      "📚",
+      "📖",
+      "📝",
+      "📄",
+      "📂",
+      "🔒",
+      "🔑",
+      "🗝️",
+      "💡",
+      "🔦",
+      "🕯️",
+      "🧰",
+      "🛠️",
+      "🔧",
+      "⚙️",
+      "📦",
+      "💳",
+      "💰",
+      "🔋",
+      "🔌",
+      /* Flags */
+      "🇮🇳",
+      "🇺🇸",
+      "🇬🇧",
+      "🇨🇦",
+      "🇦🇺",
+      "🇩🇪",
+      "🇫🇷",
+      "🇪🇸",
+      "🇮🇹",
+      "🇯🇵",
+      "🇰🇷",
+      "🇨🇳",
+      "🇧🇷",
+      "🇲🇽",
+      "🇷🇺",
+      "🇿🇦",
+      "🇳🇿"
+    ]
+  },
+  symbols: {
+    name: "Symbols",
+    emojis: [
+      "❤️",
+      "💔",
+      "💙",
+      "💚",
+      "💛",
+      "🖤",
+      "🤍",
+      "🤎",
+      "✔️",
+      "❌",
+      "☑️",
+      "❗",
+      "❓",
+      "⚠️",
+      "💯",
+      "➕",
+      "➖",
+      "✖️",
+      "➗",
+      "♻️",
+      "⚡",
+      "🔥",
+      "✨",
+      "⭐",
+      "⭕",
+      "🚫",
+      "⬆️",
+      "⬇️",
+      "⬅️",
+      "➡️",
+      "🔄",
+      "🔁",
+      "🔀",
+      "🔔",
+      "🔕",
+      "⏰",
+      "⌛",
+      "⏳"
+    ]
+  },
+  people: {
+    name: "People",
+    emojis: [
+      "😀",
+      "😃",
+      "😄",
+      "😁",
+      "😆",
+      "😅",
+      "😂",
+      "🤣",
+      "😊",
+      "😇",
+      "🙂",
+      "🙃",
+      "😉",
+      "😍",
+      "😘",
+      "😎",
+      "🤓",
+      "😐",
+      "😑",
+      "😬",
+      "🙄",
+      "😏",
+      "😌",
+      "🤩",
+      "🥳",
+      "🤔",
+      "😴",
+      "😭",
+      "😢",
+      "😡",
+      "🤯",
+      "👍",
+      "👎",
+      "👌",
+      "✌️",
+      "🤞",
+      "🙏",
+      "👏",
+      "🙌",
+      "💪"
+    ]
+  },
+  "animals-nature": {
+    name: "Animals & Nature",
+    emojis: [
+      "🐶",
+      "🐱",
+      "🐭",
+      "🐹",
+      "🐰",
+      "🦊",
+      "🐻",
+      "🐼",
+      "🐨",
+      "🐯",
+      "🦁",
+      "🐮",
+      "🐷",
+      "🐸",
+      "🐵",
+      "🐔",
+      "🐧",
+      "🐦",
+      "🦆",
+      "🦅",
+      "🦄",
+      "🐝",
+      "🦋",
+      "🌲",
+      "🌳",
+      "🌴",
+      "🌵",
+      "🌸",
+      "🌼",
+      "🌻",
+      "☀️",
+      "🌙",
+      "⭐",
+      "🌈",
+      "🌧️",
+      "❄️",
+      "🌊"
+    ]
+  },
+  "food-drink": {
+    name: "Food & Drink",
+    emojis: [
+      "🍎",
+      "🍌",
+      "🍉",
+      "🍇",
+      "🍓",
+      "🍒",
+      "🍍",
+      "🥭",
+      "🍐",
+      "🍊",
+      "🍋",
+      "🍑",
+      "🥝",
+      "🥑",
+      "🍔",
+      "🍟",
+      "🍕",
+      "🌭",
+      "🥪",
+      "🌮",
+      "🌯",
+      "🍣",
+      "🍜",
+      "🍰",
+      "🧁",
+      "🍩",
+      "🍪",
+      "🍫",
+      "☕",
+      "🍵",
+      "🥤",
+      "🍺",
+      "🍷",
+      "🍸",
+      "🍹",
+      "🥂"
+    ]
+  },
+  activity: {
+    name: "Activity",
+    emojis: [
+      "⚽",
+      "🏀",
+      "🏈",
+      "⚾",
+      "🎾",
+      "🏐",
+      "🏉",
+      "🎮",
+      "🎯",
+      "🎳",
+      "🎲",
+      "♟️",
+      "🏃",
+      "🚴",
+      "🏊",
+      "🏋️",
+      "🧘",
+      "🎸",
+      "🎹",
+      "🥁",
+      "🎺",
+      "🎤",
+      "🏆",
+      "🥇",
+      "🥈",
+      "🥉"
+    ]
+  },
+  "travel-places": {
+    name: "Travel & Places",
+    emojis: [
+      "🚗",
+      "🚕",
+      "🚌",
+      "🚎",
+      "🚓",
+      "🚑",
+      "🚒",
+      "✈️",
+      "🚀",
+      "🚁",
+      "🚤",
+      "🛳️",
+      "🚢",
+      "🏠",
+      "🏢",
+      "🏬",
+      "🏫",
+      "🏥",
+      "🏰",
+      "🗼",
+      "🗽",
+      "⛩️",
+      "🕌",
+      "🌍",
+      "🌎",
+      "🌏",
+      "🏖️",
+      "🏝️"
+    ]
+  },
+  objects: {
+    name: "Objects",
+    emojis: [
+      "📱",
+      "💻",
+      "🖥️",
+      "⌨️",
+      "🖱️",
+      "📷",
+      "📸",
+      "🎥",
+      "📹",
+      "📚",
+      "📖",
+      "📝",
+      "📄",
+      "📂",
+      "🔒",
+      "🔑",
+      "🗝️",
+      "💡",
+      "🔦",
+      "🕯️",
+      "🧰",
+      "🛠️",
+      "🔧",
+      "⚙️",
+      "📦",
+      "💳",
+      "💰",
+      "🔋",
+      "🔌"
+    ]
+  },
+  flags: {
+    name: "Flags",
+    emojis: [
+      "🇮🇳",
+      "🇺🇸",
+      "🇬🇧",
+      "🇨🇦",
+      "🇦🇺",
+      "🇩🇪",
+      "🇫🇷",
+      "🇪🇸",
+      "🇮🇹",
+      "🇯🇵",
+      "🇰🇷",
+      "🇨🇳",
+      "🇧🇷",
+      "🇲🇽",
+      "🇷🇺",
+      "🇿🇦",
+      "🇳🇿"
+    ]
+  }
+}, p = {
+  "💙": "blue heart",
+  "💚": "green heart",
+  "💛": "yellow heart",
+  "🖤": "black heart",
+  "🤍": "white heart",
+  "🤎": "brown heart",
+  "☑️": "check box with check",
+  "🔴": "red circle",
+  "🟢": "green circle",
+  "🟡": "yellow circle",
+  "🔵": "blue circle",
+  "⬆️": "up arrow",
+  "⬇️": "down arrow",
+  "⬅️": "left arrow",
+  "➡️": "right arrow",
+  "🔄": "counterclockwise arrows",
+  "🔁": "repeat button",
+  "🔀": "shuffle tracks",
+  "🔔": "bell",
+  "🔕": "muted bell",
+  "⏰": "alarm clock",
+  "⏳": "hourglass not done",
+  "⌛": "hourglass done",
+  "♠️": "spade suit",
+  "♥️": "heart suit",
+  "♦️": "diamond suit",
+  "♣️": "club suit",
+  "🚫": "prohibited",
+  "⭕": "hollow red circle",
+  "❎": "cross mark button",
+  "😐": "neutral face",
+  "😑": "expressionless face",
+  "😬": "grimacing face",
+  "🙄": "face with rolling eyes",
+  "😏": "smirking face",
+  "😌": "relieved face",
+  "🤩": "star struck",
+  "😜": "winking face with tongue",
+  "😝": "squinting face with tongue",
+  "🤪": "zany face",
+  "😢": "crying face",
+  "😥": "sad but relieved face",
+  "😓": "downcast face with sweat",
+  "😱": "face screaming in fear",
+  "😨": "fearful face",
+  "🤗": "hugging face",
+  "🤭": "face with hand over mouth",
+  "🤫": "shushing face",
+  "🤥": "lying face",
+  "👌": "ok hand",
+  "✌️": "victory hand",
+  "🤞": "crossed fingers",
+  "🙌": "raising hands",
+  "💪": "flexed biceps",
+  "🐔": "chicken",
+  "🐧": "penguin",
+  "🐦": "bird",
+  "🐤": "baby chick",
+  "🦆": "duck",
+  "🦅": "eagle",
+  "🐺": "wolf",
+  "🦄": "unicorn",
+  "🐝": "honeybee",
+  "🐞": "lady beetle",
+  "🦋": "butterfly",
+  "🐢": "turtle",
+  "🐍": "snake",
+  "🦖": "t-rex",
+  "🌿": "herb",
+  "🍀": "four leaf clover",
+  "🍁": "maple leaf",
+  "🍂": "fallen leaf",
+  "🌊": "water wave",
+  "❄️": "snowflake",
+  "☁️": "cloud",
+  "⛈️": "cloud with lightning and rain",
+  "🌪️": "tornado",
+  "🍐": "pear",
+  "🍊": "tangerine",
+  "🍋": "lemon",
+  "🍑": "peach",
+  "🥝": "kiwi fruit",
+  "🥑": "avocado",
+  "🍆": "eggplant",
+  "🌽": "ear of corn",
+  "🥕": "carrot",
+  "🥔": "potato",
+  "🍞": "bread",
+  "🥐": "croissant",
+  "🥖": "baguette bread",
+  "🧀": "cheese wedge",
+  "🍖": "meat on bone",
+  "🍗": "poultry leg",
+  "🥩": "cut of meat",
+  "🍦": "soft ice cream",
+  "🍨": "ice cream",
+  "🍫": "chocolate bar",
+  "🍬": "candy",
+  "🥛": "glass of milk",
+  "🧃": "beverage box",
+  "🍹": "tropical drink",
+  "🥂": "clinking glasses",
+  "🏓": "ping pong",
+  "🥊": "boxing glove",
+  "🥋": "martial arts uniform",
+  "⛳": "flag in hole",
+  "🏹": "bow and arrow",
+  "🎿": "skis",
+  "⛷️": "skier",
+  "🏂": "snowboarder",
+  "🎤": "microphone",
+  "🎬": "clapper board",
+  "🎨": "artist palette",
+  "🧩": "puzzle piece",
+  "🪀": "yo-yo",
+  "🚇": "metro",
+  "🚉": "station",
+  "🚊": "tram",
+  "🚝": "monorail",
+  "🛻": "pickup truck",
+  "🚐": "minibus",
+  "🗺️": "world map",
+  "🧭": "compass",
+  "⛰️": "mountain",
+  "🏔️": "snow capped mountain",
+  "🌋": "volcano",
+  "🏜️": "desert",
+  "🏕️": "camping",
+  "🏙️": "cityscape",
+  "🌆": "city at dusk",
+  "🌃": "night with stars",
+  "📦": "package",
+  "📫": "closed mailbox with raised flag",
+  "📬": "open mailbox with raised flag",
+  "📭": "open mailbox with lowered flag",
+  "🧾": "receipt",
+  "💳": "credit card",
+  "💰": "money bag",
+  "🪙": "coin",
+  "🔋": "battery",
+  "🔌": "electric plug",
+  "🧯": "fire extinguisher",
+  "🪜": "ladder",
+  "🪞": "mirror",
+  "🧹": "broom",
+  "🧸": "teddy bear"
+};
+let c = null, n = "all", l = "", s = null;
+const j = '[data-theme="dark"], .dark, .editora-theme-dark', k = () => ({
+  name: "emojis",
+  toolbar: [
+    {
+      label: "Insert Emoji",
+      command: "openEmojiDialog",
+      icon: '<svg width="24" height="24" focusable="false"><path d="M9 11c.6 0 1-.4 1-1s-.4-1-1-1a1 1 0 0 0-1 1c0 .6.4 1 1 1Zm6 0c.6 0 1-.4 1-1s-.4-1-1-1a1 1 0 0 0-1 1c0 .6.4 1 1 1Zm-3 5.5c2.1 0 4-1.5 4.4-3.5H7.6c.5 2 2.3 3.5 4.4 3.5ZM12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 14.5a6.5 6.5 0 1 1 0-13 6.5 6.5 0 0 1 0 13Z" fill-rule="nonzero"></path></svg>',
+      shortcut: "Mod-Shift-j",
+      type: "button"
+    }
+  ],
+  commands: {
+    openEmojiDialog: (o, t) => {
+      const e = t?.contentElement || u();
+      return e ? (h(e), !0) : !1;
+    },
+    insertEmoji: (o, t) => {
+      if (!o) return !1;
+      const e = t?.contentElement || u();
+      if (!e) return !1;
+      try {
+        return f(o, e), !0;
+      } catch {
+        return !1;
+      }
+    }
+  },
+  keymap: {
+    "Mod-Shift-j": "openEmojiDialog"
+  }
+});
+function h(o) {
+  n = "all", l = "";
+  const t = window.getSelection();
+  s = null, t && t.rangeCount > 0 && o.contains(t.anchorNode) && (s = t.getRangeAt(0).cloneRange());
+  const e = document.createElement("div");
+  e.className = "emojis-overlay", w(o) && e.classList.add("rte-ui-theme-dark"), e.onclick = g;
+  const r = document.createElement("div");
+  r.className = "emojis-dialog", r.setAttribute("role", "dialog"), r.setAttribute("aria-modal", "true"), r.onclick = (a) => a.stopPropagation();
+  const i = Object.keys(d);
+  r.innerHTML = `
+    <div class="rte-dialog-header emojis-header">
+      <h3>Insert Emojis</h3>
+      <button class="rte-dialog-close emojis-close">×</button>
+    </div>
+    <div class="rte-dialog-body emojis-content">
+      <div class="emojis-tabs">
+        ${i.map((a) => `
+          <button class="emojis-tab ${a === n ? "active" : ""}" data-category="${a}">
+            ${d[a].name}
+          </button>
+        `).join("")}
+      </div>
+      <div class="emojis-main-content">
+        <div class="emojis-search">
+          <svg class="emojis-search-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <circle cx="11" cy="11" r="8"/>
+            <path d="m21 21-4.35-4.35"/>
+          </svg>
+          <input 
+            type="text" 
+            placeholder="Search emojis..." 
+            class="emojis-search-input"
+            id="emoji-search-input"
+          />
+        </div>
+        <div class="emojis-grid" id="emojis-grid">
+          ${b(n, l)}
+        </div>
+      </div>
+    </div>
+  `, e.appendChild(r), document.body.appendChild(e), c = e, x(r, o), y(), setTimeout(() => {
+    r.querySelector("#emoji-search-input")?.focus();
+  }, 100);
+}
+function x(o, t) {
+  o.querySelector(".emojis-close")?.addEventListener("click", g), o.querySelectorAll(".emojis-tab").forEach((r) => {
+    r.addEventListener("click", (i) => {
+      const a = i.target.getAttribute("data-category");
+      a && v(o, a, t);
+    });
+  }), o.querySelector("#emoji-search-input")?.addEventListener("input", (r) => {
+    l = r.target.value, m(o, t);
+  }), m(o, t);
+}
+function v(o, t, e) {
+  n = t, o.querySelectorAll(".emojis-tab").forEach((r) => {
+    r.classList.toggle("active", r.getAttribute("data-category") === t);
+  }), m(o, e);
+}
+function m(o, t) {
+  const e = o.querySelector("#emojis-grid");
+  e && (e.innerHTML = b(n, l), e.querySelectorAll(".emojis-item").forEach((r) => {
+    r.addEventListener("click", () => {
+      const i = r.textContent?.trim() || "";
+      i && (f(i, t), g());
+    });
+  }));
+}
+function b(o, t) {
+  let e = d[o].emojis;
+  return t.trim() && (e = e.filter((r) => r.toLowerCase().includes(t.toLowerCase()) ? !0 : (p[r] || "").toLowerCase().includes(t.toLowerCase()))), e.length === 0 && t.trim() ? `<div class="emojis-no-results">No emojis found for "${t}"</div>` : e.map((r, i) => `
+    <button 
+      class="emojis-item" 
+      title="Insert ${r}"
+      data-emoji="${r}"
+    >
+      ${r}
+    </button>
+  `).join("");
+}
+function g() {
+  c && (document.body.removeChild(c), c = null);
+}
+function f(o, t) {
+  t.focus();
+  let e = window.getSelection();
+  if (s && (e?.removeAllRanges(), e?.addRange(s), s = null), e = window.getSelection(), e && e.rangeCount > 0) {
+    const r = e.getRangeAt(0);
+    r.deleteContents();
+    const i = document.createTextNode(o);
+    r.insertNode(i), r.setStartAfter(i), r.setEndAfter(i), e.removeAllRanges(), e.addRange(r);
+  }
+}
+function u() {
+  const o = window.getSelection();
+  if (o && o.rangeCount > 0) {
+    const e = o.anchorNode, i = (e instanceof HTMLElement ? e : e?.parentElement)?.closest(".editora-content, .rte-content");
+    if (i) return i;
+  }
+  const t = document.activeElement;
+  return t && (t.classList.contains("editora-content") || t.classList.contains("rte-content")) ? t : document.querySelector(".editora-content, .rte-content");
+}
+function w(o) {
+  const t = o || u();
+  return t ? !!t.closest(j) : !1;
+}
+function y() {
+  if (document.getElementById("emojis-dialog-styles")) return;
+  const o = document.createElement("style");
+  o.id = "emojis-dialog-styles", o.textContent = `
+    .emojis-overlay {
+      --rte-emoji-overlay-bg: rgba(15, 23, 36, 0.56);
+      --rte-emoji-dialog-bg: #ffffff;
+      --rte-emoji-dialog-text: #101828;
+      --rte-emoji-border: #d6dbe4;
+      --rte-emoji-subtle-bg: #f7f9fc;
+      --rte-emoji-subtle-hover: #eef2f7;
+      --rte-emoji-muted-text: #5f6b7d;
+      --rte-emoji-accent: #1f75fe;
+      --rte-emoji-accent-strong: #165fd6;
+      --rte-emoji-ring: rgba(31, 117, 254, 0.18);
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-color: var(--rte-emoji-overlay-bg);
+      backdrop-filter: blur(2px);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 1000;
+      padding: 16px;
+      box-sizing: border-box;
+    }
+
+    .emojis-overlay.rte-ui-theme-dark {
+      --rte-emoji-overlay-bg: rgba(2, 8, 20, 0.72);
+      --rte-emoji-dialog-bg: #202938;
+      --rte-emoji-dialog-text: #e8effc;
+      --rte-emoji-border: #49566c;
+      --rte-emoji-subtle-bg: #2a3444;
+      --rte-emoji-subtle-hover: #344256;
+      --rte-emoji-muted-text: #a5b1c5;
+      --rte-emoji-accent: #58a6ff;
+      --rte-emoji-accent-strong: #4598f4;
+      --rte-emoji-ring: rgba(88, 166, 255, 0.22);
+    }
+
+    .emojis-dialog {
+      background: var(--rte-emoji-dialog-bg);
+      color: var(--rte-emoji-dialog-text);
+      border: 1px solid var(--rte-emoji-border);
+      border-radius: 12px;
+      box-shadow: 0 24px 48px rgba(10, 15, 24, 0.28);
+      max-width: 800px;
+      width: 90%;
+      max-height: 80vh;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+    }
+
+    .emojis-header {
+      border-bottom: 1px solid var(--rte-emoji-border);
+      background: linear-gradient(180deg, rgba(127, 154, 195, 0.08) 0%, rgba(127, 154, 195, 0) 100%);
+    }
+
+    .emojis-header h3 {
+      color: var(--rte-emoji-dialog-text);
+    }
+
+    .emojis-close {
+      color: var(--rte-emoji-muted-text);
+      border-radius: 8px;
+      transition: background-color 0.16s ease, color 0.16s ease;
+    }
+
+    .emojis-close:hover {
+      background-color: var(--rte-emoji-subtle-hover);
+      color: var(--rte-emoji-dialog-text);
+    }
+
+    .emojis-content {
+      display: flex;
+      flex: 1;
+      overflow: hidden;
+      padding: 0;
+    }
+
+    .emojis-main-content {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+    }
+
+    .emojis-search {
+      padding: 16px 16px 0 16px;
+      position: relative;
+    }
+
+    .emojis-search-icon {
+      position: absolute;
+      left: 28px;
+      top: 27px;
+      color: var(--rte-emoji-muted-text);
+      pointer-events: none;
+      z-index: 1;
+    }
+
+    .emojis-search-input {
+      width: calc(100% - 24px);
+      padding: 10px 12px 10px 40px;
+      border: 1px solid var(--rte-emoji-border);
+      border-radius: 8px;
+      font-size: 14px;
+      color: var(--rte-emoji-dialog-text);
+      background-color: var(--rte-emoji-subtle-bg);
+      transition: border-color 0.2s ease, box-shadow 0.2s ease;
+    }
+
+    .emojis-search-input:focus {
+      outline: none;
+      border-color: var(--rte-emoji-accent);
+      box-shadow: 0 0 0 3px var(--rte-emoji-ring);
+    }
+
+    .emojis-search:focus-within .emojis-search-icon {
+      color: var(--rte-emoji-accent);
+    }
+
+    .emojis-search-input::placeholder {
+      color: var(--rte-emoji-muted-text);
+    }
+
+    .emojis-tabs {
+      display: flex;
+      flex-direction: column;
+      width: 180px;
+      border-right: 1px solid var(--rte-emoji-border);
+      background-color: var(--rte-emoji-subtle-bg);
+    }
+
+    .emojis-tab {
+      padding: 12px 16px;
+      border: none;
+      background: none;
+      text-align: left;
+      cursor: pointer;
+      font-size: 14px;
+      color: var(--rte-emoji-muted-text);
+      border-bottom: 1px solid var(--rte-emoji-border);
+      transition: all 0.2s ease;
+    }
+
+    .emojis-tab:hover {
+      background-color: var(--rte-emoji-subtle-hover);
+      color: var(--rte-emoji-dialog-text);
+    }
+
+    .emojis-tab.active {
+      background-color: var(--rte-emoji-accent);
+      color: #fff;
+      font-weight: 500;
+    }
+
+    .emojis-tab.active:hover {
+      background-color: var(--rte-emoji-accent-strong);
+    }
+
+    .emojis-grid {
+      padding: 16px;
+      overflow-y: auto;
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
+      gap: 8px;
+    }
+
+    .emojis-item {
+      width: 40px;
+      height: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: 1px solid var(--rte-emoji-border);
+      background: var(--rte-emoji-subtle-bg);
+      border-radius: 8px;
+      cursor: pointer;
+      font-size: 18px;
+      transition: all 0.2s ease;
+      color: var(--rte-emoji-dialog-text);
+    }
+
+    .emojis-item:hover {
+      background-color: var(--rte-emoji-accent);
+      border-color: var(--rte-emoji-accent);
+      color: #fff;
+      transform: scale(1.05);
+    }
+
+    .emojis-item:active {
+      transform: scale(0.95);
+    }
+
+    .emojis-no-results {
+      grid-column: 1 / -1;
+      text-align: center;
+      color: var(--rte-emoji-muted-text);
+      font-size: 14px;
+      padding: 40px 20px;
+      background-color: var(--rte-emoji-subtle-bg);
+      border-radius: 8px;
+      border: 1px solid var(--rte-emoji-border);
+    }
+
+    /* Responsive design */
+    @media (max-width: 768px) {
+      .emojis-dialog {
+        width: 95%;
+        max-height: 90vh;
+      }
+
+      .emojis-content {
+        flex-direction: column;
+      }
+
+      .emojis-tabs {
+        width: 100%;
+        border-right: none;
+        border-bottom: 1px solid var(--rte-emoji-border);
+        flex-direction: row;
+        overflow-x: auto;
+      }
+
+      .emojis-tab {
+        border-bottom: none;
+        border-right: 1px solid var(--rte-emoji-border);
+        white-space: nowrap;
+        min-width: 80px;
+      }
+
+      .emojis-grid {
+        grid-template-columns: repeat(auto-fill, minmax(36px, 1fr));
+        gap: 6px;
+      }
+
+      .emojis-item {
+        width: 36px;
+        height: 36px;
+        font-size: 16px;
+      }
+    }
+  `, document.head.appendChild(o);
+}
+export {
+  k as EmojisPlugin
+};