@iclips/ui 1.0.20 → 1.0.22

package/dist/index.js

@@ -4,7 +4,7 @@ import { ChevronDownIcon as $s, Home as k4, Folder as S4, Users as T4, Calendar
 import { clsx as Sv } from "clsx";
 import { twMerge as Tv } from "tailwind-merge";
 import * as D from "react";
-import gt, { useState as ee, useRef as De, useDebugValue as B1, useEffect as pe, forwardRef as H1, useLayoutEffect as Fc, version as Cu, createContext as Li, useContext as qe, useImperativeHandle as Iv, createElement as O, memo as Jc, createRef as nn, Fragment as Yc, useCallback as Ue, useMemo as ge, Suspense as jv, Component as Dv, isValidElement as Ev, cloneElement as xu } from "react";
+import gt, { useState as ee, useRef as De, useDebugValue as B1, useEffect as de, forwardRef as H1, useLayoutEffect as Fc, version as Cu, createContext as Li, useContext as qe, useImperativeHandle as Iv, createElement as O, memo as Jc, createRef as nn, Fragment as Yc, useCallback as Ue, useMemo as ge, Suspense as jv, Component as Dv, isValidElement as Ev, cloneElement as xu } from "react";
 import * as Xt from "@radix-ui/react-alert-dialog";
 import { Slot as Cn } from "@radix-ui/react-slot";
 import { cva as Ni } from "class-variance-authority";
@@ -270,7 +270,10 @@ const nw = Ni(
     variants: {
       variant: {
         default: "bg-card text-card-foreground",
-        destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
+        destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
+        info: "text-blue-700 dark:text-blue-400 bg-blue-50 dark:bg-blue-950/30 border-blue-200 dark:border-blue-800 [&>svg]:text-current *:data-[slot=alert-description]:text-blue-700/90 dark:*:data-[slot=alert-description]:text-blue-400/90",
+        success: "text-green-700 dark:text-green-400 bg-green-50 dark:bg-green-950/30 border-green-200 dark:border-green-800 [&>svg]:text-current *:data-[slot=alert-description]:text-green-700/90 dark:*:data-[slot=alert-description]:text-green-400/90",
+        warning: "text-yellow-700 dark:text-yellow-400 bg-yellow-50 dark:bg-yellow-950/30 border-yellow-200 dark:border-yellow-800 [&>svg]:text-current *:data-[slot=alert-description]:text-yellow-700/90 dark:*:data-[slot=alert-description]:text-yellow-400/90"
       }
     },
     defaultVariants: {
@@ -13008,7 +13011,7 @@ function Um(t) {
     });
   }), e;
 }
-function ue(...t) {
+function he(...t) {
   return t.filter((e) => !!e).reduce((e, n) => {
     const r = { ...e };
     return Object.entries(n).forEach(([i, a]) => {
@@ -13036,7 +13039,7 @@ function ue(...t) {
 function ds(t, e) {
   return e.filter((n) => n.type === t.type.name).filter((n) => n.attribute.rendered).map((n) => n.attribute.renderHTML ? n.attribute.renderHTML(t.attrs) || {} : {
     [n.name]: t.attrs[n.name]
-  }).reduce((n, r) => ue(n, r), {});
+  }).reduce((n, r) => he(n, r), {});
 }
 function qC(t) {
   return typeof t != "string" ? t : t.match(/^[+-]?(?:\d*\.)?\d+$/) ? Number(t) : t === "true" ? !0 : t === "false" ? !1 : t;
@@ -16441,7 +16444,7 @@ var Jx = class extends gt.Component {
       ...t
     });
   }
-), hg = gt.memo(Yx), Qx = typeof window < "u" ? Fc : pe, Vx = class {
+), hg = gt.memo(Yx), Qx = typeof window < "u" ? Fc : de, Vx = class {
   constructor(t) {
     this.transactionNumber = 0, this.lastTransactionNumber = 0, this.subscribers = /* @__PURE__ */ new Set(), this.editor = t, this.lastSnapshot = { editor: t, transactionNumber: 0 }, this.getSnapshot = this.getSnapshot.bind(this), this.getServerSnapshot = this.getServerSnapshot.bind(this), this.watch = this.watch.bind(this), this.subscribe = this.subscribe.bind(this);
   }
@@ -16661,7 +16664,7 @@ function mg(t = {}, e = []) {
     r.getEditor,
     r.getServerSnapshot
   );
-  return B1(i), pe(r.onRender(e)), Gx({
+  return B1(i), de(r.onRender(e)), Gx({
     editor: i,
     selector: ({ transactionNumber: a }) => t.shouldRerenderOnTransaction === !1 || t.shouldRerenderOnTransaction === void 0 ? null : t.immediatelyRender && a === 0 ? 0 : a + 1
   }), i;
@@ -16801,7 +16804,7 @@ var us = (t, e) => {
     return [{ tag: "blockquote" }];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return /* @__PURE__ */ us("blockquote", { ...ue(this.options.HTMLAttributes, t), children: /* @__PURE__ */ us("slot", {}) });
+    return /* @__PURE__ */ us("blockquote", { ...he(this.options.HTMLAttributes, t), children: /* @__PURE__ */ us("slot", {}) });
   },
   parseMarkdown: (t, e) => e.createNode("blockquote", void 0, e.parseChildren(t.tokens || [])),
   renderMarkdown: (t, e) => {
@@ -16864,7 +16867,7 @@ ${n}
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return /* @__PURE__ */ us("strong", { ...ue(this.options.HTMLAttributes, t), children: /* @__PURE__ */ us("slot", {}) });
+    return /* @__PURE__ */ us("strong", { ...he(this.options.HTMLAttributes, t), children: /* @__PURE__ */ us("slot", {}) });
   },
   markdownTokenName: "strong",
   parseMarkdown: (t, e) => e.applyMark("bold", e.parseInline(t.tokens || [])),
@@ -16920,7 +16923,7 @@ ${n}
     return [{ tag: "code" }];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["code", ue(this.options.HTMLAttributes, t), 0];
+    return ["code", he(this.options.HTMLAttributes, t), 0];
   },
   markdownTokenName: "codespan",
   parseMarkdown: (t, e) => e.applyMark("code", [{ type: "text", text: t.text || "" }]),
@@ -16998,7 +17001,7 @@ ${n}
   renderHTML({ node: t, HTMLAttributes: e }) {
     return [
       "pre",
-      ue(this.options.HTMLAttributes, e),
+      he(this.options.HTMLAttributes, e),
       [
         "code",
         {
@@ -17186,7 +17189,7 @@ ${n}
     return [{ tag: "br" }];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["br", ue(this.options.HTMLAttributes, t)];
+    return ["br", he(this.options.HTMLAttributes, t)];
   },
   renderText() {
     return `
@@ -17249,7 +17252,7 @@ ${n}
     }));
   },
   renderHTML({ node: t, HTMLAttributes: e }) {
-    return [`h${this.options.levels.includes(t.attrs.level) ? t.attrs.level : this.options.levels[0]}`, ue(this.options.HTMLAttributes, e), 0];
+    return [`h${this.options.levels.includes(t.attrs.level) ? t.attrs.level : this.options.levels[0]}`, he(this.options.HTMLAttributes, e), 0];
   },
   parseMarkdown: (t, e) => e.createNode("heading", { level: t.depth || 1 }, e.parseInline(t.tokens || [])),
   renderMarkdown: (t, e) => {
@@ -17294,7 +17297,7 @@ ${n}
     return [{ tag: "hr" }];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["hr", ue(this.options.HTMLAttributes, t)];
+    return ["hr", he(this.options.HTMLAttributes, t)];
   },
   markdownTokenName: "hr",
   parseMarkdown: (t, e) => e.createNode("horizontalRule"),
@@ -17357,7 +17360,7 @@ ${n}
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["em", ue(this.options.HTMLAttributes, t), 0];
+    return ["em", he(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -18045,7 +18048,7 @@ function yl(t, e, n) {
   return new t(a, n);
 }
 const RL = typeof console < "u" && console && console.warn || (() => {
-}), BL = "until manual call of linkify.init(). Register all schemes and plugins before invoking linkify the first time.", de = {
+}), BL = "until manual call of linkify.init(). Register all schemes and plugins before invoking linkify the first time.", ue = {
   scanner: null,
   parser: null,
   tokenQueue: [],
@@ -18054,32 +18057,32 @@ const RL = typeof console < "u" && console && console.warn || (() => {
   initialized: !1
 };
 function HL() {
-  return st.groups = {}, de.scanner = null, de.parser = null, de.tokenQueue = [], de.pluginQueue = [], de.customSchemes = [], de.initialized = !1, de;
+  return st.groups = {}, ue.scanner = null, ue.parser = null, ue.tokenQueue = [], ue.pluginQueue = [], ue.customSchemes = [], ue.initialized = !1, ue;
 }
 function rh(t, e = !1) {
-  if (de.initialized && RL(`linkifyjs: already initialized - will not register custom scheme "${t}" ${BL}`), !/^[0-9a-z]+(-[0-9a-z]+)*$/.test(t))
+  if (ue.initialized && RL(`linkifyjs: already initialized - will not register custom scheme "${t}" ${BL}`), !/^[0-9a-z]+(-[0-9a-z]+)*$/.test(t))
     throw new Error(`linkifyjs: incorrect scheme format.
 1. Must only contain digits, lowercase ASCII letters or "-"
 2. Cannot start or end with "-"
 3. "-" cannot repeat`);
-  de.customSchemes.push([t, e]);
+  ue.customSchemes.push([t, e]);
 }
 function UL() {
-  de.scanner = EL(de.customSchemes);
-  for (let t = 0; t < de.tokenQueue.length; t++)
-    de.tokenQueue[t][1]({
-      scanner: de.scanner
+  ue.scanner = EL(ue.customSchemes);
+  for (let t = 0; t < ue.tokenQueue.length; t++)
+    ue.tokenQueue[t][1]({
+      scanner: ue.scanner
     });
-  de.parser = OL(de.scanner.tokens);
-  for (let t = 0; t < de.pluginQueue.length; t++)
-    de.pluginQueue[t][1]({
-      scanner: de.scanner,
-      parser: de.parser
+  ue.parser = OL(ue.scanner.tokens);
+  for (let t = 0; t < ue.pluginQueue.length; t++)
+    ue.pluginQueue[t][1]({
+      scanner: ue.scanner,
+      parser: ue.parser
     });
-  return de.initialized = !0, de;
+  return ue.initialized = !0, ue;
 }
 function Ad(t) {
-  return de.initialized || UL(), PL(de.parser.start, t, Cg(de.scanner.start, t));
+  return ue.initialized || UL(), PL(ue.parser.start, t, Cg(ue.scanner.start, t));
 }
 Ad.scan = Cg;
 function Lg(t, e = null, n = null) {
@@ -18294,7 +18297,7 @@ var Ng = jr.create({
       defaultValidate: (e) => !!nr(e, this.options.protocols),
       protocols: this.options.protocols,
       defaultProtocol: this.options.defaultProtocol
-    }) ? ["a", ue(this.options.HTMLAttributes, t), 0] : ["a", ue(this.options.HTMLAttributes, { ...t, href: "" }), 0];
+    }) ? ["a", he(this.options.HTMLAttributes, t), 0] : ["a", he(this.options.HTMLAttributes, { ...t, href: "" }), 0];
   },
   markdownTokenName: "link",
   parseMarkdown: (t, e) => e.applyMark("link", e.parseInline(t.tokens || []), {
@@ -18412,7 +18415,7 @@ var Ng = jr.create({
     return [{ tag: "ul" }];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["ul", ue(this.options.HTMLAttributes, t), 0];
+    return ["ul", he(this.options.HTMLAttributes, t), 0];
   },
   markdownTokenName: "list",
   parseMarkdown: (t, e) => t.type !== "list" || t.ordered ? [] : {
@@ -18467,7 +18470,7 @@ var Ng = jr.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["li", ue(this.options.HTMLAttributes, t), 0];
+    return ["li", he(this.options.HTMLAttributes, t), 0];
   },
   markdownTokenName: "list_item",
   parseMarkdown: (t, e) => {
@@ -18775,7 +18778,7 @@ var rN = "listItem", sh = "textStyle", fh = /^(\d+)\.\s$/, Og = ot.create({
   },
   renderHTML({ HTMLAttributes: t }) {
     const { start: e, ...n } = t;
-    return e === 1 ? ["ol", ue(this.options.HTMLAttributes, n), 0] : ["ol", ue(this.options.HTMLAttributes, t), 0];
+    return e === 1 ? ["ol", he(this.options.HTMLAttributes, n), 0] : ["ol", he(this.options.HTMLAttributes, t), 0];
   },
   markdownTokenName: "list",
   parseMarkdown: (t, e) => {
@@ -18887,7 +18890,7 @@ var rN = "listItem", sh = "textStyle", fh = /^(\d+)\.\s$/, Og = ot.create({
   renderHTML({ node: t, HTMLAttributes: e }) {
     return [
       "li",
-      ue(this.options.HTMLAttributes, e, {
+      he(this.options.HTMLAttributes, e, {
         "data-type": this.name
       }),
       [
@@ -18992,7 +18995,7 @@ var rN = "listItem", sh = "textStyle", fh = /^(\d+)\.\s$/, Og = ot.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["ul", ue(this.options.HTMLAttributes, t, { "data-type": this.name }), 0];
+    return ["ul", he(this.options.HTMLAttributes, t, { "data-type": this.name }), 0];
   },
   parseMarkdown: (t, e) => e.createNode("taskList", {}, e.parseChildren(t.items || [])),
   renderMarkdown: (t, e) => t.content ? e.renderChildren(t.content, `
@@ -19105,7 +19108,7 @@ var sN = ot.create({
     return [{ tag: "p" }];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["p", ue(this.options.HTMLAttributes, t), 0];
+    return ["p", he(this.options.HTMLAttributes, t), 0];
   },
   parseMarkdown: (t, e) => {
     const n = t.tokens || [];
@@ -19153,7 +19156,7 @@ var sN = ot.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["s", ue(this.options.HTMLAttributes, t), 0];
+    return ["s", he(this.options.HTMLAttributes, t), 0];
   },
   markdownTokenName: "del",
   parseMarkdown: (t, e) => e.applyMark("strike", e.parseInline(t.tokens || [])),
@@ -19214,7 +19217,7 @@ var sN = ot.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["u", ue(this.options.HTMLAttributes, t), 0];
+    return ["u", he(this.options.HTMLAttributes, t), 0];
   },
   parseMarkdown(t, e) {
     return e.applyMark(this.name || "underline", e.parseInline(t.tokens || []));
@@ -20196,7 +20199,7 @@ var zN = xe.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["img", ue(this.options.HTMLAttributes, t)];
+    return ["img", he(this.options.HTMLAttributes, t)];
   },
   parseMarkdown: (t, e) => e.createNode("image", {
     src: t.href,
@@ -20532,7 +20535,7 @@ var YN = ot.create({
         var r, i;
         return [
           "span",
-          ue(this.HTMLAttributes, t.HTMLAttributes),
+          he(this.HTMLAttributes, t.HTMLAttributes),
           `${(r = n == null ? void 0 : n.char) != null ? r : "@"}${(i = e.attrs.label) != null ? i : e.attrs.id}`
         ];
       },
@@ -20582,7 +20585,7 @@ var YN = ot.create({
     if (this.options.renderLabel !== void 0)
       return console.warn("renderLabel is deprecated use renderText and renderHTML instead"), [
         "span",
-        ue({ "data-type": this.name }, this.options.HTMLAttributes, e),
+        he({ "data-type": this.name }, this.options.HTMLAttributes, e),
         this.options.renderLabel({
           options: this.options,
           node: t,
@@ -20590,7 +20593,7 @@ var YN = ot.create({
         })
       ];
     const r = { ...this.options };
-    r.HTMLAttributes = ue(
+    r.HTMLAttributes = he(
       { "data-type": this.name },
       this.options.HTMLAttributes,
       e
@@ -20600,7 +20603,7 @@ var YN = ot.create({
       node: t,
       suggestion: n
     });
-    return typeof i == "string" ? ["span", ue({ "data-type": this.name }, this.options.HTMLAttributes, e), i] : i;
+    return typeof i == "string" ? ["span", he({ "data-type": this.name }, this.options.HTMLAttributes, e), i] : i;
   },
   ...cg({
     nodeName: "mention",
@@ -22367,7 +22370,7 @@ const u2 = H1((t, e) => {
   }, s = () => {
     i(n);
   };
-  return pe(() => {
+  return de(() => {
     r(0);
   }, [t.items]), Iv(e, () => ({
     onKeyDown: ({ event: f }) => f.key === "ArrowUp" ? (a(), !0) : f.key === "ArrowDown" ? (o(), !0) : f.key === "Enter" ? (s(), !0) : !1
@@ -22641,15 +22644,15 @@ function A9(t, e, n, r) {
   const i = Mf(t, e, r);
   return t.append("}"), i;
 }
-function he() {
-  return he = Object.assign ? Object.assign.bind() : function(t) {
+function pe() {
+  return pe = Object.assign ? Object.assign.bind() : function(t) {
     for (var e = 1; e < arguments.length; e++) {
       var n = arguments[e];
       for (var r in n)
         Object.prototype.hasOwnProperty.call(n, r) && (t[r] = n[r]);
     }
     return t;
-  }, he.apply(this, arguments);
+  }, pe.apply(this, arguments);
 }
 function z9(t, e) {
   t.prototype = Object.create(e.prototype), t.prototype.constructor = t, Nc(t, e);
@@ -22715,7 +22718,7 @@ var ve = /* @__PURE__ */ D9("epr", null), Yo = {
   visibility: "hidden",
   overflow: "hidden"
 }, _d = /* @__PURE__ */ ve.create({
-  hidden: /* @__PURE__ */ he({
+  hidden: /* @__PURE__ */ pe({
     ".": re.hidden
   }, Yo)
 }), R9 = /* @__PURE__ */ Jc(function() {
@@ -22734,7 +22737,7 @@ var ve = /* @__PURE__ */ D9("epr", null), Yo = {
           backgroundPositionY: "var(--epr-category-navigation-button-size)"
         }
       },
-      hiddenOnSearch: /* @__PURE__ */ he({
+      hiddenOnSearch: /* @__PURE__ */ pe({
         ".": re.hiddenOnSearch
       }, Yo)
     },
@@ -22765,7 +22768,7 @@ var ve = /* @__PURE__ */ D9("epr", null), Yo = {
         backgroundPositionY: "var(--epr-category-navigation-button-size)"
       }
     },
-    visibleOnSearchOnly: /* @__PURE__ */ he({
+    visibleOnSearchOnly: /* @__PURE__ */ pe({
       ".": "epr-visible-on-search-only"
     }, Yo)
   }
@@ -22844,7 +22847,7 @@ function F9(t, e) {
   return dS(t) > e;
 }
 function J9(t) {
-  pe(function() {
+  de(function() {
     t(!0);
   }, [t]);
 }
@@ -23018,7 +23021,7 @@ var Nt, V9 = [X.SUGGESTED, X.CUSTOM, X.SMILEYS_PEOPLE, X.ANIMALS_NATURE, X.FOOD_
 }, Nt);
 function D2(t) {
   return V9.map(function(e) {
-    return he({}, j2[e], t && t[e] && t[e]);
+    return pe({}, j2[e], t && t[e] && t[e]);
   });
 }
 function Lf(t) {
@@ -23034,7 +23037,7 @@ function _9(t, e) {
   e.suggestionMode === Ba.RECENT && (r[X.SUGGESTED] = G9);
   var i = D2(r);
   return (n = t) != null && n.length ? t.map(function(a) {
-    return typeof a == "string" ? Oh(a, r[a]) : he({}, Oh(a.category, r[a.category]), a);
+    return typeof a == "string" ? Oh(a, r[a]) : pe({}, Oh(a.category, r[a.category]), a);
   }) : i;
 }
 function Oh(t, e) {
@@ -39987,7 +39990,7 @@ function Ph(t) {
     a.unicodeToHide.add(f);
   }), hS((n = a.customEmojis) != null ? n : []);
   var s = a.searchDisabled ? Mi.PREVIEW : a.skinTonePickerLocation;
-  return he({}, a, {
+  return pe({}, a, {
     categories: o,
     previewConfig: i,
     skinTonePickerLocation: s
@@ -40005,7 +40008,7 @@ function H2() {
     getEmojiUrl: P2,
     height: 450,
     lazyLoadEmojis: !1,
-    previewConfig: he({}, yS),
+    previewConfig: pe({}, yS),
     searchDisabled: !1,
     searchPlaceHolder: Gs,
     searchPlaceholder: Gs,
@@ -40039,7 +40042,7 @@ function xS(t) {
   var e, n = ee(function() {
     return Ph(t);
   }), r = n[0], i = n[1];
-  return pe(function() {
+  return de(function() {
     L2(r, t) || i(Ph(t));
   }, [(e = t.customEmojis) == null ? void 0 : e.length, t.open, t.emojiVersion, t.reactionsDefaultOpen, t.searchPlaceHolder, t.searchPlaceholder, t.searchClearButtonLabel, t.defaultSkinTone, t.skinTonesDisabled, t.autoFocusSearch, t.emojiStyle, t.theme, t.suggestedEmojisMode, t.lazyLoadEmojis, t.className, t.height, t.width, t.searchDisabled, t.skinTonePickerLocation, t.allowExpandReactions]), r;
 }
@@ -40161,7 +40164,7 @@ function OS() {
 }
 function PS() {
   var t = ye(), e = t.height, n = t.width, r = t.style;
-  return he({
+  return pe({
     height: Rh(e),
     width: Rh(n)
   }, r);
@@ -40429,7 +40432,7 @@ function ib() {
 }
 function nT() {
   var t = Ct(), e = rb(), n = ib();
-  pe(function() {
+  de(function() {
     var r = t.current;
     r == null || r.addEventListener("mousemove", i, {
       passive: !0
@@ -40593,7 +40596,7 @@ function pT() {
       }
     };
   }, [n, e, s, i, a, o]);
-  pe(function() {
+  de(function() {
     var l = t.current;
     if (l)
       return l.addEventListener("keydown", f), function() {
@@ -40620,7 +40623,7 @@ function mT() {
       }
     };
   }, [t, o, a, n, s]);
-  pe(function() {
+  de(function() {
     var l = r.current;
     if (l)
       return l.addEventListener("keydown", f), function() {
@@ -40672,7 +40675,7 @@ function gT() {
       })
     );
   }, [a, e, o, r, l, s, f]);
-  pe(function() {
+  de(function() {
     var u = t.current;
     if (u)
       return u.addEventListener("keydown", d), function() {
@@ -40703,7 +40706,7 @@ function bT() {
       }
     };
   }, [n, t, r]);
-  pe(function() {
+  de(function() {
     var a = e.current;
     if (a)
       return a.addEventListener("keydown", i), function() {
@@ -40748,7 +40751,7 @@ function vT() {
       })
     );
   }, [e, a, n, r, i]);
-  pe(function() {
+  de(function() {
     var s = t.current;
     if (s)
       return s.addEventListener("keydown", o), function() {
@@ -40812,7 +40815,7 @@ function CT(t) {
 }
 function xT() {
   var t = Ct(), e = zr(), n = Or();
-  pe(function() {
+  de(function() {
     if (e === mt.NATIVE)
       return;
     var r = t.current;
@@ -40840,7 +40843,7 @@ function kT(t) {
   return O("aside", {
     className: te(Yi.main, Yi.baseVariables, a === Ha.DARK && Yi.darkTheme, a === Ha.AUTO && Yi.autoThemeDark, (e = {}, e[re.searchActive] = o, e), i && Yi.reactionsMenu, f),
     ref: s,
-    style: he({}, h, !i && {
+    style: pe({}, h, !i && {
       height: p,
       width: u
     })
@@ -41182,7 +41185,7 @@ function Nb(t, e) {
       i.current = !1;
     });
   }, [i]);
-  pe(function() {
+  de(function() {
     if (t.current) {
       var C = t.current;
       return C.addEventListener("click", g, {
@@ -41438,7 +41441,7 @@ function QT() {
     }
   });
 }
-var VT = /* @__PURE__ */ ve.create(/* @__PURE__ */ he({
+var VT = /* @__PURE__ */ ve.create(/* @__PURE__ */ pe({
   plusSign: {
     fontSize: "20px",
     padding: "17px",
@@ -41531,7 +41534,7 @@ var _h = /* @__PURE__ */ ve.create({
 });
 function _T(t) {
   var e = Pr(), n = ee(0), r = n[0], i = n[1];
-  return pe(function() {
+  return de(function() {
     var a = t.current;
     if (!a)
       return;
@@ -41578,9 +41581,9 @@ function qT(t) {
       }
     }
   }, [e, t, l]);
-  return pe(function() {
+  return de(function() {
     h();
-  }, [t, r, h, s.length]), pe(function() {
+  }, [t, r, h, s.length]), de(function() {
     var m = i.current;
     if (m) {
       var g = function(w) {
@@ -41615,7 +41618,7 @@ function XT(t) {
     var N = u(y), x = o(y), k = x.failedToLoad, S = x.filteredOut, T = x.hidden;
     return !k && !S && !T && !N;
   }), w = qT(b.length);
-  pe(function() {
+  de(function() {
     w && r(w.categoryHeight);
   }, [w, r, b.length]);
   var C = function(N) {
@@ -41641,7 +41644,7 @@ function XT(t) {
       emojiStyle: f,
       lazyLoad: s,
       getEmojiUrl: p,
-      style: he({}, S, {
+      style: pe({}, S, {
         position: "absolute"
       })
     })), y) : (g++, y);
@@ -41747,7 +41750,7 @@ function nI(t) {
       onHeightReady: function(g) {
         i[u] !== g && a(function(b) {
           var w;
-          return he({}, b, (w = {}, w[u] = g, w));
+          return pe({}, b, (w = {}, w[u] = g, w));
         });
       },
       scrollTop: e
@@ -41783,7 +41786,7 @@ var iI = /* @__PURE__ */ ve.create({
 })(ai || (ai = {}));
 function oI() {
   var t = Sf(), e = QS(), n = Si(), r = n[0], i = zr(), a = fI(e), o = a.getTop, s = a.getMenuDirection, f = eb(), l = sI(e), d = Or(), u = Qt(t.current), p = !!(r && u && Ti(r) && u.classList.contains(re.emojiHasVariations));
-  pe(function() {
+  de(function() {
     p && If(e.current);
   }, [e, p, t]);
   var h, m;
@@ -41846,7 +41849,7 @@ function fI(t) {
     return o - s;
   }
 }
-var Eo = /* @__PURE__ */ ve.create(/* @__PURE__ */ he({
+var Eo = /* @__PURE__ */ ve.create(/* @__PURE__ */ pe({
   variationPicker: {
     ".": re.variationPicker,
     position: "absolute",
@@ -41928,7 +41931,7 @@ function dI(t, e) {
 }
 function uI(t, e) {
   var n = Ct(), r = ib(), i = rb();
-  pe(function() {
+  de(function() {
     if (!t)
       return;
     var a = n.current;
@@ -41990,7 +41993,7 @@ var Ao, Ya;
 function kb(t) {
   var e = t.children, n = t.className, r = t.style, i = r === void 0 ? {} : r, a = t.direction, o = a === void 0 ? Ya.ROW : a;
   return O("div", {
-    style: he({}, i),
+    style: pe({}, i),
     className: te(Wh.flex, n, Wh[o])
   }, e);
 }
@@ -42006,7 +42009,7 @@ var Wh = /* @__PURE__ */ ve.create((Ao = {
 function pI(t) {
   var e = t.className, n = t.style, r = n === void 0 ? {} : n;
   return O("div", {
-    style: he({
+    style: pe({
       flex: 1
     }, r),
     className: te(e)
@@ -42015,7 +42018,7 @@ function pI(t) {
 function mI(t) {
   var e = t.children, n = t.className, r = t.style;
   return O("div", {
-    style: he({}, r, {
+    style: pe({}, r, {
       position: "absolute"
     }),
     className: n
@@ -42024,7 +42027,7 @@ function mI(t) {
 function Af(t) {
   var e = t.children, n = t.className, r = t.style;
   return O("div", {
-    style: he({}, r, {
+    style: pe({}, r, {
       position: "relative"
     }),
     className: n
@@ -42240,7 +42243,7 @@ function yI(t) {
 }
 function MI(t) {
   var e = t.setActiveCategory, n = t.setVisibleCategories, r = Ct();
-  pe(function() {
+  de(function() {
     var i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = r.current, s = new IntersectionObserver(function(f) {
       if (o) {
         for (var l = P9(f), d; !(d = l()).done; ) {
@@ -42318,7 +42321,7 @@ var $h = {
       "&.epr-active": $h
     }
   }
-}, SI = /* @__PURE__ */ ve.create(/* @__PURE__ */ he({
+}, SI = /* @__PURE__ */ ve.create(/* @__PURE__ */ pe({
   catBtn: {
     ".": "epr-cat-btn",
     display: "inline-block",
@@ -42372,8 +42375,8 @@ var $h = {
     }
   }
 }, /* @__PURE__ */ Gn("catBtn", kI), {
-  ".epr-dark-theme": /* @__PURE__ */ he({}, Zh),
-  ".epr-auto-theme": /* @__PURE__ */ he({}, Zh)
+  ".epr-dark-theme": /* @__PURE__ */ pe({}, Zh),
+  ".epr-auto-theme": /* @__PURE__ */ pe({}, Zh)
 }));
 function TI() {
   var t = ee(null), e = t[0], n = t[1], r = Zd(), i = r[1], a = CI();
@@ -42447,7 +42450,7 @@ var DI = {
       backgroundPositionY: "-60px"
     }
   }
-}, qh = /* @__PURE__ */ ve.create(/* @__PURE__ */ he({
+}, qh = /* @__PURE__ */ ve.create(/* @__PURE__ */ pe({
   btnClearSearch: {
     ".": "epr-btn-clear-search",
     position: "absolute",
@@ -42491,7 +42494,7 @@ function AI() {
     className: te(zI.icnSearch)
   });
 }
-var zI = /* @__PURE__ */ ve.create(/* @__PURE__ */ he({
+var zI = /* @__PURE__ */ ve.create(/* @__PURE__ */ pe({
   icnSearch: {
     ".": "epr-icn-search",
     content: "",
@@ -42541,7 +42544,7 @@ function PI() {
     "aria-atomic": "true"
   }, a) : null, O(AI, null), O(jI, null));
 }
-var Qo = /* @__PURE__ */ ve.create(/* @__PURE__ */ he({
+var Qo = /* @__PURE__ */ ve.create(/* @__PURE__ */ pe({
   overlay: {
     padding: "var(--epr-header-padding)",
     zIndex: "var(--epr-header-overlay-z-index)"
@@ -42631,7 +42634,7 @@ function BI(t) {
 }
 function HI() {
   var t = Ar(), e = t[0], n = Y2(), r = ee(!e), i = r[0], a = r[1], o = jS();
-  return pe(function() {
+  return de(function() {
     e && !n || i || a(!0);
   }, [i, n, e]), o ? O(NT, null, O(GT, null), O(UI, {
     renderAll: i
@@ -46330,7 +46333,7 @@ var Hb = /* @__PURE__ */ Jc(function(e) {
     "children"
   ]);
   const [i, a] = JD(r);
-  return pe(() => {
+  return de(() => {
     if (a) {
       const o = Ub();
       return ++l1, () => {
@@ -46397,7 +46400,7 @@ function VD() {
   }), Dl;
 }
 var GD = VD();
-const _D = /* @__PURE__ */ QD(GD), Nr = typeof window < "u" ? Fc : pe;
+const _D = /* @__PURE__ */ QD(GD), Nr = typeof window < "u" ? Fc : de;
 function WD(t, e, n) {
   const [r, i] = ee(
     () => e(t)
@@ -46870,7 +46873,7 @@ function cE(t, e, n) {
       n
     ]
   );
-  return pe(() => {
+  return de(() => {
     r.spec = t;
   }, [
     t
@@ -46970,7 +46973,7 @@ function wE(t, e) {
       e
     ]
   );
-  return pe(() => {
+  return de(() => {
     n.spec = t;
   }, [
     t
@@ -50653,7 +50656,11 @@ function m5({
     initialPageSize: n,
     resetOnDataChange: !0,
     serverSideTotalItems: i ? m : void 0
-  }), b = (x) => {
+  });
+  de(() => {
+    i && (o !== void 0 && o !== g.currentPage && g.goToPage(o), s !== void 0 && s !== g.pageSize && g.setPageSize(s));
+  }, [i, o, s, g]);
+  const b = (x) => {
     l((k) => {
       if (k.column === x) {
         if (k.direction === "asc") return { column: x, direction: "desc" };