@fileverse/ui 4.1.2-patch-10 → 4.1.3-patch-1

package/dist/index.css

@@ -1959,9 +1959,6 @@ video {
 .\!bg-transparent {
   background-color: transparent !important;
 }
-.bg-black\/40 {
-  background-color: rgb(0 0 0 / 0.4);
-}
 .bg-green-700 {
   --tw-bg-opacity: 1;
   background-color: rgb(21 128 61 / var(--tw-bg-opacity));

package/dist/index.es.d.ts

@@ -7,6 +7,8 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { DialogProps } from '@radix-ui/react-dialog';
 import { Drawer as Drawer_2 } from 'vaul';
 import { EmojiClickData } from 'emoji-picker-react';
+import { default as EmojiPicker } from 'emoji-picker-react';
+import { EmojiStyle } from 'emoji-picker-react';
 import { ForwardRefExoticComponent } from 'react';
 import { GridProps as GridProps_2 } from '@radix-ui/themes';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
@@ -369,7 +371,7 @@ export declare interface DynamicDrawerProps {
     dismissible?: boolean;
 }
 
-export declare const DynamicDrawerV2: ({ title, open, onOpenChange, content, className, headerClassName, contentClassName, side, noOverlay, overlayClasses, rounded, dismissible, }: DynamicDrawerV2Props) => JSX_2.Element;
+export declare const DynamicDrawerV2: ({ title, open, onOpenChange, content, className, headerClassName, contentClassName, side, rounded, dismissible, }: DynamicDrawerV2Props) => JSX_2.Element;
 
 export declare interface DynamicDrawerV2Props {
     title?: string;
@@ -379,8 +381,6 @@ export declare interface DynamicDrawerV2Props {
     className?: string;
     headerClassName?: string;
     contentClassName?: string;
-    noOverlay?: boolean;
-    overlayClasses?: string;
     side?: "top" | "right" | "bottom" | "left";
     rounded?: boolean;
     dismissible?: boolean;
@@ -457,6 +457,10 @@ export declare interface DynamicSelectProps {
 
 export { EmojiClickData }
 
+export { EmojiPicker }
+
+export { EmojiStyle }
+
 export declare type FileType = "dDoc" | "dPage" | "whiteboard" | "note" | "link" | "media";
 
 export declare const FloatingToolbar: default_2.ForwardRefExoticComponent<FloatingToolbarProps & default_2.RefAttributes<HTMLDivElement>>;

package/dist/index.es.js

@@ -262,14 +262,14 @@ function S5() {
       } catch (st) {
         if (st && ne && typeof st.stack == "string") {
           for (var he = st.stack.split(`
-`), nt = ne.stack.split(`
-`), Oe = he.length - 1, qe = nt.length - 1; Oe >= 1 && qe >= 0 && he[Oe] !== nt[qe]; )
+`), at = ne.stack.split(`
+`), Oe = he.length - 1, qe = at.length - 1; Oe >= 1 && qe >= 0 && he[Oe] !== at[qe]; )
             qe--;
           for (; Oe >= 1 && qe >= 0; Oe--, qe--)
-            if (he[Oe] !== nt[qe]) {
+            if (he[Oe] !== at[qe]) {
               if (Oe !== 1 || qe !== 1)
                 do
-                  if (Oe--, qe--, qe < 0 || he[Oe] !== nt[qe]) {
+                  if (Oe--, qe--, qe < 0 || he[Oe] !== at[qe]) {
                     var xt = `
 ` + he[Oe].replace(" at new ", " at ");
                     return C.displayName && xt.includes("<anonymous>") && (xt = xt.replace("<anonymous>", C.displayName)), typeof C == "function" && se.set(C, xt), xt;
@@ -336,8 +336,8 @@ function S5() {
             var he = void 0;
             try {
               if (typeof C[ve] != "function") {
-                var nt = Error((ne || "React class") + ": " + U + " type `" + ve + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof C[ve] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw nt.name = "Invariant Violation", nt;
+                var at = Error((ne || "React class") + ": " + U + " type `" + ve + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof C[ve] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw at.name = "Invariant Violation", at;
               }
               he = C[ve](R, ve, ne, U, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (Oe) {
@@ -453,8 +453,8 @@ function S5() {
     };
     function ki(C, R, U, ne, be) {
       {
-        var Le, ve = {}, he = null, nt = null;
-        U !== void 0 && (pr(U), he = "" + U), mr(R) && (pr(R.key), he = "" + R.key), z1(R) && (nt = R.ref, yi(R, be));
+        var Le, ve = {}, he = null, at = null;
+        U !== void 0 && (pr(U), he = "" + U), mr(R) && (pr(R.key), he = "" + R.key), z1(R) && (at = R.ref, yi(R, be));
         for (Le in R)
           it.call(R, Le) && !fa.hasOwnProperty(Le) && (ve[Le] = R[Le]);
         if (C && C.defaultProps) {
@@ -462,11 +462,11 @@ function S5() {
           for (Le in Oe)
             ve[Le] === void 0 && (ve[Le] = Oe[Le]);
         }
-        if (he || nt) {
+        if (he || at) {
           var qe = typeof C == "function" ? C.displayName || C.name || "Unknown" : C;
-          he && mi(ve, qe), nt && vi(ve, qe);
+          he && mi(ve, qe), at && vi(ve, qe);
         }
-        return gi(C, he, nt, be, ne, D1.current, ve);
+        return gi(C, he, at, be, ne, D1.current, ve);
       }
     }
     var $ = w.ReactCurrentOwner, we = w.ReactDebugCurrentFrame;
@@ -586,8 +586,8 @@ Check the top-level render call using <` + U + ">.");
         if (!ve) {
           var he = "";
           (C === void 0 || typeof C == "object" && C !== null && Object.keys(C).length === 0) && (he += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var nt = Ye();
-          nt ? he += nt : he += We();
+          var at = Ye();
+          at ? he += at : he += We();
           var Oe;
           C === null ? Oe = "null" : Ja(C) ? Oe = "array" : C !== void 0 && C.$$typeof === t ? (Oe = "<" + (P(C.type) || "Unknown") + " />", he = " Did you accidentally export a JSX literal instead of a component?") : Oe = typeof C, M("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Oe, he);
         }
@@ -25832,7 +25832,7 @@ function uq(e, t) {
   }
   return n.displayName = e + "Provider", [n, r];
 }
-function at(e, t = []) {
+function tt(e, t = []) {
   let a = [];
   function n(o, s) {
     const f = p.createContext(s), c = a.length;
@@ -25919,11 +25919,11 @@ function ks(e) {
   const t = p.useRef({ value: e, previous: e });
   return p.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
 }
-var Xe = globalThis != null && globalThis.document ? p.useLayoutEffect : () => {
+var Je = globalThis != null && globalThis.document ? p.useLayoutEffect : () => {
 };
 function Ms(e) {
   const [t, a] = p.useState(void 0);
-  return Xe(() => {
+  return Je(() => {
     if (e) {
       a({ width: e.offsetWidth, height: e.offsetHeight });
       const n = new ResizeObserver((r) => {
@@ -25943,7 +25943,7 @@ function Ms(e) {
       a(void 0);
   }, [e]), t;
 }
-var ws = "Switch", [yq, hae] = at(ws), [mq, vq] = yq(ws), kd = p.forwardRef(
+var ws = "Switch", [yq, hae] = tt(ws), [mq, vq] = yq(ws), kd = p.forwardRef(
   (e, t) => {
     const {
       __scopeSwitch: a,
@@ -26207,7 +26207,7 @@ var Sq = x1, Tq = jd, Iq = p.useId || (() => {
 }), Nq = 0;
 function At(e) {
   const [t, a] = p.useState(Iq());
-  return Xe(() => {
+  return Je(() => {
     e || a((n) => n ?? String(Nq++));
   }, [e]), e || (t ? `radix-${t}` : "");
 }
@@ -27481,7 +27481,7 @@ var TB = "Arrow", Hd = p.forwardRef((e, t) => {
   );
 });
 Hd.displayName = TB;
-var IB = Hd, Ss = "Popper", [Od, Yt] = at(Ss), [NB, Vd] = Od(Ss), qd = (e) => {
+var IB = Hd, Ss = "Popper", [Od, Yt] = tt(Ss), [NB, Vd] = Od(Ss), qd = (e) => {
   const { __scopePopper: t, children: a } = e, [n, r] = p.useState(null);
   return /* @__PURE__ */ d.jsx(NB, { scope: t, anchor: n, onAnchorChange: r, children: a });
 };
@@ -27549,11 +27549,11 @@ var Ts = "PopperContent", [DB, zB] = Od(Ts), Fd = p.forwardRef(
         y && AB({ strategy: "referenceHidden", ...P })
       ]
     }), [K, Ne] = Wd(B), je = ct(g);
-    Xe(() => {
+    Je(() => {
       q && (je == null || je());
     }, [q, je]);
     const D = (Z = Q.arrow) == null ? void 0 : Z.x, W = (te = Q.arrow) == null ? void 0 : te.y, _ = ((ke = Q.arrow) == null ? void 0 : ke.centerOffset) !== 0, [Y, re] = p.useState();
-    return Xe(() => {
+    return Je(() => {
       w && re(window.getComputedStyle(w).zIndex);
     }, [w]), /* @__PURE__ */ d.jsx(
       "div",
@@ -27681,7 +27681,7 @@ function Wd(e) {
 var Mo = qd, qa = Zd, Un = Fd, Wn = Ud, HB = "Portal", Ba = p.forwardRef((e, t) => {
   var f;
   const { container: a, ...n } = e, [r, o] = p.useState(!1);
-  Xe(() => o(!0), []);
+  Je(() => o(!0), []);
   const s = a || r && ((f = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : f.body);
   return s ? rd.createPortal(/* @__PURE__ */ d.jsx(X.div, { ...n, ref: t }), s) : null;
 });
@@ -27711,13 +27711,13 @@ function VB(e) {
   return p.useEffect(() => {
     const l = Mr(n.current);
     o.current = f === "mounted" ? l : "none";
-  }, [f]), Xe(() => {
+  }, [f]), Je(() => {
     const l = n.current, u = r.current;
     if (u !== e) {
       const y = o.current, m = Mr(l);
       e ? c("MOUNT") : m === "none" || (l == null ? void 0 : l.display) === "none" ? c("UNMOUNT") : c(u && y !== m ? "ANIMATION_OUT" : "UNMOUNT"), r.current = e;
     }
-  }, [e, c]), Xe(() => {
+  }, [e, c]), Je(() => {
     if (t) {
       const l = (h) => {
         const m = Mr(n.current).includes(h.animationName);
@@ -27769,7 +27769,7 @@ var BB = "VisuallyHidden", Yn = p.forwardRef(
   )
 );
 Yn.displayName = BB;
-var Yd = Yn, [wo, pae] = at("Tooltip", [
+var Yd = Yn, [wo, pae] = tt("Tooltip", [
   Yt
 ]), xo = Yt(), Qd = "TooltipProvider", ZB = 700, x2 = "tooltip.open", [FB, Is] = wo(Qd), Kd = (e) => {
   const {
@@ -28293,8 +28293,8 @@ function gZ(e) {
       ...e[t]
     };
 }
-const Os = St({}), kZ = Symbol.for("motionComponentSymbol"), Je = (e) => e;
-let Za = Je, n1 = Je;
+const Os = St({}), kZ = Symbol.for("motionComponentSymbol"), Ke = (e) => e;
+let Za = Ke, n1 = Ke;
 process.env.NODE_ENV !== "production" && (Za = (e, t) => {
   !e && typeof console < "u" && console.warn(t);
 }, n1 = (e, t) => {
@@ -28430,7 +28430,7 @@ const Kn = [
 function cu(e, { layout: t, layoutId: a }) {
   return b1.has(e) || e.startsWith("origin") || (t || a !== void 0) && (!!$r[e] || e === "opacity");
 }
-const et = (e) => !!(e && e.getVelocity), AZ = {
+const $e = (e) => !!(e && e.getVelocity), AZ = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
@@ -28572,7 +28572,7 @@ const Fs = () => ({
 });
 function hu(e, t, a) {
   for (const n in t)
-    !et(t[n]) && !cu(n, a) && (e[n] = t[n]);
+    !$e(t[n]) && !cu(n, a) && (e[n] = t[n]);
 }
 function OZ({ transformTemplate: e }, t) {
   return Ge(() => {
@@ -28699,7 +28699,7 @@ function QZ(e, t, a, n) {
 }
 function KZ(e = !1) {
   return (a, n, r, { latestValues: o }, s) => {
-    const c = (Vs(a) ? QZ : qZ)(n, o, s, a), l = FZ(n, typeof a == "string", e), u = a !== ea ? { ...l, ...c, ref: r } : {}, { children: h } = n, y = Ge(() => et(h) ? h.get() : h, [h]);
+    const c = (Vs(a) ? QZ : qZ)(n, o, s, a), l = FZ(n, typeof a == "string", e), u = a !== ea ? { ...l, ...c, ref: r } : {}, { children: h } = n, y = Ge(() => $e(h) ? h.get() : h, [h]);
     return T(a, {
       ...u,
       children: y
@@ -28745,13 +28745,13 @@ function Ws(e, t, a) {
   var n;
   const { style: r } = e, o = {};
   for (const s in r)
-    (et(r[s]) || t.style && et(t.style[s]) || cu(s, e) || ((n = a == null ? void 0 : a.getValue(s)) === null || n === void 0 ? void 0 : n.liveStyle) !== void 0) && (o[s] = r[s]);
+    ($e(r[s]) || t.style && $e(t.style[s]) || cu(s, e) || ((n = a == null ? void 0 : a.getValue(s)) === null || n === void 0 ? void 0 : n.liveStyle) !== void 0) && (o[s] = r[s]);
   return a && r && typeof r.willChange == "string" && (a.applyWillChange = !1), o;
 }
 function ku(e, t, a) {
   const n = Ws(e, t, a);
   for (const r in e)
-    if (et(e[r]) || et(t[r])) {
+    if ($e(e[r]) || $e(t[r])) {
       const o = Kn.indexOf(r) !== -1 ? "attr" + r.charAt(0).toUpperCase() + r.substring(1) : r;
       n[o] = e[r];
     }
@@ -28780,7 +28780,7 @@ function Mu(e) {
 }
 const C2 = (e) => Array.isArray(e), JZ = (e) => !!(e && typeof e == "object" && e.mix && e.toValue), XZ = (e) => C2(e) ? e[e.length - 1] || 0 : e;
 function Vr(e) {
-  const t = et(e) ? e.get() : e;
+  const t = $e(e) ? e.get() : e;
   return JZ(t) ? t.toValue() : t;
 }
 const wu = /* @__PURE__ */ new Set([
@@ -28857,7 +28857,7 @@ function eF(e, t, a, n, r) {
       $Z(f, w);
   }), f.length && (s.willChange = f.join(","))), s;
 }
-const { schedule: Ce, cancel: r1, state: Qe, steps: xi } = ou(typeof requestAnimationFrame < "u" ? requestAnimationFrame : Je, !0), tF = {
+const { schedule: Ce, cancel: r1, state: Qe, steps: xi } = ou(typeof requestAnimationFrame < "u" ? requestAnimationFrame : Ke, !0), tF = {
   useVisualState: bu({
     scrapeMotionValuesFromProps: ku,
     createRenderState: yu,
@@ -28997,7 +28997,7 @@ function bi(e, t) {
 }
 class fF extends C1 {
   constructor() {
-    super(...arguments), this.removeStartListeners = Je, this.removeEndListeners = Je, this.removeAccessibleListeners = Je, this.startPointerPress = (t, a) => {
+    super(...arguments), this.removeStartListeners = Ke, this.removeEndListeners = Ke, this.removeAccessibleListeners = Ke, this.startPointerPress = (t, a) => {
       if (this.isPressing)
         return;
       this.removeEndListeners();
@@ -29358,7 +29358,7 @@ const S2 = {
   test: Js("hsl", "hue"),
   parse: Hu("hue", "saturation", "lightness"),
   transform: ({ hue: e, saturation: t, lightness: a, alpha: n = 1 }) => "hsla(" + Math.round(e) + ", " + Gt.transform(gn(t)) + ", " + Gt.transform(gn(a)) + ", " + gn(vn.transform(n)) + ")"
-}, _e = {
+}, Xe = {
   test: (e) => G1.test(e) || S2.test(e) || ka.test(e),
   parse: (e) => G1.test(e) ? G1.parse(e) : ka.test(e) ? ka.parse(e) : S2.parse(e),
   transform: (e) => Jn(e) ? e : e.hasOwnProperty("red") ? G1.transform(e) : ka.transform(e)
@@ -29375,7 +29375,7 @@ function Nn(e) {
     var: []
   }, r = [];
   let o = 0;
-  const f = t.replace(qF, (c) => (_e.test(c) ? (n.color.push(o), r.push(Vu), a.push(_e.parse(c))) : c.startsWith(VF) ? (n.var.push(o), r.push(OF), a.push(c)) : (n.number.push(o), r.push(Ou), a.push(parseFloat(c))), ++o, tc)).split(tc);
+  const f = t.replace(qF, (c) => (Xe.test(c) ? (n.color.push(o), r.push(Vu), a.push(Xe.parse(c))) : c.startsWith(VF) ? (n.var.push(o), r.push(OF), a.push(c)) : (n.number.push(o), r.push(Ou), a.push(parseFloat(c))), ++o, tc)).split(tc);
   return { values: a, split: f, indexes: n, types: r };
 }
 function qu(e) {
@@ -29388,7 +29388,7 @@ function Bu(e) {
     for (let s = 0; s < n; s++)
       if (o += t[s], r[s] !== void 0) {
         const f = a[s];
-        f === Ou ? o += gn(r[s]) : f === Vu ? o += _e.transform(r[s]) : o += r[s];
+        f === Ou ? o += gn(r[s]) : f === Vu ? o += Xe.transform(r[s]) : o += r[s];
       }
     return o;
   };
@@ -29424,17 +29424,17 @@ const UF = /\b([a-z-]*)\(.*?\)/gu, T2 = {
 }, WF = {
   ...uu,
   // Color props
-  color: _e,
-  backgroundColor: _e,
-  outlineColor: _e,
-  fill: _e,
-  stroke: _e,
+  color: Xe,
+  backgroundColor: Xe,
+  outlineColor: Xe,
+  fill: Xe,
+  stroke: Xe,
   // Border props
-  borderColor: _e,
-  borderTopColor: _e,
-  borderRightColor: _e,
-  borderBottomColor: _e,
-  borderLeftColor: _e,
+  borderColor: Xe,
+  borderTopColor: Xe,
+  borderRightColor: Xe,
+  borderBottomColor: Xe,
+  borderLeftColor: Xe,
   filter: T2,
   WebkitFilter: T2
 }, Xs = (e) => WF[e];
@@ -29745,12 +29745,12 @@ function cG(e, t, a, n, r) {
 }
 function _n(e, t, a, n) {
   if (e === t && a === n)
-    return Je;
+    return Ke;
   const r = (o) => cG(o, 0, 1, e, a);
   return (o) => o === 0 || o === 1 ? o : Ku(r(o), t, n);
 }
 const lG = _n(0.42, 0, 1, 1), dG = _n(0, 0, 0.58, 1), Ju = _n(0.42, 0, 0.58, 1), uG = (e) => Array.isArray(e) && typeof e[0] != "number", Xu = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, _u = (e) => (t) => 1 - e(1 - t), _s = (e) => 1 - Math.sin(Math.acos(e)), $u = _u(_s), hG = Xu(_s), e4 = _n(0.33, 1.53, 0.69, 0.99), $s = _u(e4), pG = Xu($s), yG = (e) => (e *= 2) < 1 ? 0.5 * $s(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), ic = {
-  linear: Je,
+  linear: Ke,
   easeIn: lG,
   easeInOut: Ju,
   easeOut: dG,
@@ -29820,7 +29820,7 @@ function MG(e, t) {
   return (a) => Ee(e, t, a);
 }
 function e0(e) {
-  return typeof e == "number" ? MG : typeof e == "string" ? qs(e) ? to : _e.test(e) ? cc : bG : Array.isArray(e) ? t4 : typeof e == "object" ? _e.test(e) ? cc : wG : to;
+  return typeof e == "number" ? MG : typeof e == "string" ? qs(e) ? to : Xe.test(e) ? cc : bG : Array.isArray(e) ? t4 : typeof e == "object" ? Xe.test(e) ? cc : wG : to;
 }
 function t4(e, t) {
   const a = [...e], n = a.length, r = e.map((o, s) => e0(o)(o, t[s]));
@@ -29861,7 +29861,7 @@ function CG(e, t, a) {
   for (let s = 0; s < o; s++) {
     let f = r(e[s], e[s + 1]);
     if (t) {
-      const c = Array.isArray(t) ? t[s] || Je : t;
+      const c = Array.isArray(t) ? t[s] || Ke : t;
       f = _t(c, f);
     }
     n.push(f);
@@ -30205,11 +30205,11 @@ class dc extends Uu {
     else {
       const { resolved: a } = this;
       if (!a)
-        return Je;
+        return Ke;
       const { animation: n } = a;
       n.timeline = t, n.onfinish = null;
     }
-    return Je;
+    return Ke;
   }
   play() {
     if (this.isStopped)
@@ -30644,7 +30644,7 @@ class WG extends i4 {
   }
 }
 function YG(e) {
-  return !!(et(e) && e.add);
+  return !!($e(e) && e.add);
 }
 function D2(e, t) {
   var a;
@@ -31391,11 +31391,11 @@ function SU(e, t = 10) {
 }
 class TU extends C1 {
   constructor(t) {
-    super(t), this.removeGroupControls = Je, this.removeListeners = Je, this.controls = new AU(t);
+    super(t), this.removeGroupControls = Ke, this.removeListeners = Ke, this.controls = new AU(t);
   }
   mount() {
     const { dragControls: t } = this.node.getProps();
-    t && (this.removeGroupControls = t.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || Je;
+    t && (this.removeGroupControls = t.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || Ke;
   }
   unmount() {
     this.removeGroupControls(), this.removeListeners();
@@ -31406,7 +31406,7 @@ const Nc = (e) => (t, a) => {
 };
 class IU extends C1 {
   constructor() {
-    super(...arguments), this.removePointerDownListener = Je;
+    super(...arguments), this.removePointerDownListener = Ke;
   }
   onPointerDown(t) {
     this.session = new c4(t, this.createPanHandlers(), {
@@ -31561,7 +31561,7 @@ function RU(e, t, a, n, r, o) {
 function Pc(e, t) {
   return e[t] !== void 0 ? e[t] : e.borderRadius;
 }
-const HU = M4(0, 0.5, $u), OU = M4(0.5, 0.95, Je);
+const HU = M4(0, 0.5, $u), OU = M4(0.5, 0.95, Ke);
 function M4(e, t, a) {
   return (n) => n < e ? 0 : n > t ? 1 : a(Dn(e, t, n));
 }
@@ -31704,7 +31704,7 @@ function QU(e) {
   return e instanceof SVGElement && e.tagName !== "svg";
 }
 function KU(e, t, a) {
-  const n = et(e) ? e : zn(e);
+  const n = $e(e) ? e : zn(e);
   return n.start(n0("", n, t, a)), n.animation;
 }
 const q1 = {
@@ -32263,7 +32263,7 @@ function lW(e) {
 const dW = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
-}, Xc = (e) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(e), _c = Xc("applewebkit/") && !Xc("chrome/") ? Math.round : Je;
+}, Xc = (e) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(e), _c = Xc("applewebkit/") && !Xc("chrome/") ? Math.round : Ke;
 function $c(e) {
   e.min = _c(e.min), e.max = _c(e.max);
 }
@@ -32323,9 +32323,9 @@ function mW() {
 function vW(e, t, a) {
   for (const n in t) {
     const r = t[n], o = a[n];
-    if (et(r))
+    if ($e(r))
       e.addValue(n, r), process.env.NODE_ENV === "development" && o0(r.version === "11.3.17", `Attempting to mix Framer Motion versions ${r.version} with 11.3.17 may not work as expected.`);
-    else if (et(o))
+    else if ($e(o))
       e.addValue(n, zn(r, { owner: e }));
     else if (o !== r)
       if (e.hasValue(n)) {
@@ -32340,7 +32340,7 @@ function vW(e, t, a) {
     t[n] === void 0 && e.removeValue(n);
   return t;
 }
-const el = /* @__PURE__ */ new WeakMap(), gW = [...Eu, _e, M1], kW = (e) => gW.find(zu(e)), tl = [
+const el = /* @__PURE__ */ new WeakMap(), gW = [...Eu, Xe, M1], kW = (e) => gW.find(zu(e)), tl = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -32371,7 +32371,7 @@ class wW {
     const { willChange: u, ...h } = this.scrapeMotionValuesFromProps(a, {}, this);
     for (const y in h) {
       const m = h[y];
-      c[y] !== void 0 && et(m) && m.set(c[y], !1);
+      c[y] !== void 0 && $e(m) && m.set(c[y], !1);
     }
   }
   mount(t) {
@@ -32520,7 +32520,7 @@ class wW {
   readValue(t, a) {
     var n;
     let r = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : (n = this.getBaseTargetFromProps(this.props, t)) !== null && n !== void 0 ? n : this.readValueFromInstance(this.current, t, this.options);
-    return r != null && (typeof r == "string" && (Nu(r) || Iu(r)) ? r = parseFloat(r) : !kW(r) && M1.test(a) && (r = Zu(t, a)), this.setBaseTarget(t, et(r) ? r.get() : r)), et(r) ? r.get() : r;
+    return r != null && (typeof r == "string" && (Nu(r) || Iu(r)) ? r = parseFloat(r) : !kW(r) && M1.test(a) && (r = Zu(t, a)), this.setBaseTarget(t, $e(r) ? r.get() : r)), $e(r) ? r.get() : r;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -32544,7 +32544,7 @@ class wW {
     if (n && r !== void 0)
       return r;
     const o = this.getBaseTargetFromProps(this.props, t);
-    return o !== void 0 && !et(o) ? o : this.initialValues[t] !== void 0 && r === void 0 ? void 0 : this.baseTarget[t];
+    return o !== void 0 && !$e(o) ? o : this.initialValues[t] !== void 0 && r === void 0 ? void 0 : this.baseTarget[t];
   }
   on(t, a) {
     return this.events[t] || (this.events[t] = new r0()), this.events[t].add(a);
@@ -32595,7 +32595,7 @@ class bW extends S4 {
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
     const { children: t } = this.props;
-    et(t) && (this.childSubscription = t.on("change", (a) => {
+    $e(t) && (this.childSubscription = t.on("change", (a) => {
       this.current && (this.current.textContent = `${a}`);
     }));
   }
@@ -34349,7 +34349,7 @@ const gae = ({
   )
 ] });
 function Eo(e) {
-  const t = e + "CollectionProvider", [a, n] = at(t), [r, o] = a(
+  const t = e + "CollectionProvider", [a, n] = tt(t), [r, o] = a(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
   ), s = (m) => {
@@ -34396,7 +34396,7 @@ function $n(e) {
   const t = p.useContext(N4);
   return e || t || "ltr";
 }
-var Hi = "rovingFocusGroup.onEntryFocus", QW = { bubbles: !1, cancelable: !0 }, Po = "RovingFocusGroup", [O2, D4, KW] = Eo(Po), [JW, Ro] = at(
+var Hi = "rovingFocusGroup.onEntryFocus", QW = { bubbles: !1, cancelable: !0 }, Po = "RovingFocusGroup", [O2, D4, KW] = Eo(Po), [JW, Ro] = tt(
   Po,
   [KW]
 ), [XW, _W] = JW(Po), z4 = p.forwardRef(
@@ -34557,7 +34557,7 @@ function R4(e, t = !1) {
 function nY(e, t) {
   return e.map((a, n) => e[(t + n) % e.length]);
 }
-var H4 = z4, O4 = P4, i0 = "Tabs", [rY, kae] = at(i0, [
+var H4 = z4, O4 = P4, i0 = "Tabs", [rY, kae] = tt(i0, [
   Ro
 ]), V4 = Ro(), [oY, s0] = rY(i0), q4 = p.forwardRef(
   (e, t) => {
@@ -34987,14 +34987,14 @@ function il() {
   const e = document.createElement("span");
   return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.cssText = "outline: none; opacity: 0; position: fixed; pointer-events: none", e;
 }
-var $e = function() {
-  return $e = Object.assign || function(t) {
+var _e = function() {
+  return _e = Object.assign || function(t) {
     for (var a, n = 1, r = arguments.length; n < r; n++) {
       a = arguments[n];
       for (var o in a) Object.prototype.hasOwnProperty.call(a, o) && (t[o] = a[o]);
     }
     return t;
-  }, $e.apply(this, arguments);
+  }, _e.apply(this, arguments);
 };
 function c0(e, t) {
   var a = {};
@@ -35115,7 +35115,7 @@ function AY(e, t) {
 function rh(e) {
   e === void 0 && (e = {});
   var t = AY(null);
-  return t.options = $e({ async: !0, ssr: !1 }, e), t;
+  return t.options = _e({ async: !0, ssr: !1 }, e), t;
 }
 var oh = function(e) {
   var t = e.sideCar, a = c0(e, ["sideCar"]);
@@ -35124,7 +35124,7 @@ var oh = function(e) {
   var n = t.read();
   if (!n)
     throw new Error("Sidecar medium not found");
-  return p.createElement(n, $e({}, a));
+  return p.createElement(n, _e({}, a));
 };
 oh.isSideCarExport = !0;
 function ih(e, t) {
@@ -35136,12 +35136,12 @@ var sh = rh(), Zi = function() {
     onScrollCapture: Zi,
     onWheelCapture: Zi,
     onTouchMoveCapture: Zi
-  }), r = n[0], o = n[1], s = e.forwardProps, f = e.children, c = e.className, l = e.removeScrollBar, u = e.enabled, h = e.shards, y = e.sideCar, m = e.noIsolation, g = e.inert, v = e.allowPinchZoom, k = e.as, w = k === void 0 ? "div" : k, M = e.gapMode, x = c0(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), b = y, L = nh([a, t]), S = $e($e({}, x), r);
+  }), r = n[0], o = n[1], s = e.forwardProps, f = e.children, c = e.className, l = e.removeScrollBar, u = e.enabled, h = e.shards, y = e.sideCar, m = e.noIsolation, g = e.inert, v = e.allowPinchZoom, k = e.as, w = k === void 0 ? "div" : k, M = e.gapMode, x = c0(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), b = y, L = nh([a, t]), S = _e(_e({}, x), r);
   return p.createElement(
     p.Fragment,
     null,
     u && p.createElement(b, { sideCar: sh, removeScrollBar: l, shards: h, noIsolation: m, inert: g, setCallbacks: o, allowPinchZoom: !!v, lockRef: a, gapMode: M }),
-    s ? p.cloneElement(p.Children.only(f), $e($e({}, S), { ref: L })) : p.createElement(w, $e({}, S, { className: c, ref: L }), f)
+    s ? p.cloneElement(p.Children.only(f), _e(_e({}, S), { ref: L })) : p.createElement(w, _e({}, S, { className: c, ref: L }), f)
   );
 });
 Oo.defaultProps = {
@@ -35438,7 +35438,7 @@ function JY(e) {
 }
 const XY = ih(sh, KY);
 var Vo = p.forwardRef(function(e, t) {
-  return p.createElement(Oo, $e({}, e, { ref: t, sideCar: XY }));
+  return p.createElement(Oo, _e({}, e, { ref: t, sideCar: XY }));
 });
 Vo.classNames = Oo.classNames;
 var _Y = function(e) {
@@ -35489,7 +35489,7 @@ var _Y = function(e) {
   return r ? (n.push.apply(n, Array.from(r.querySelectorAll("[aria-live]"))), eQ(n, r, a, "aria-hidden")) : function() {
     return null;
   };
-}, d0 = "Dialog", [hh, Mae] = at(d0), [tQ, Bt] = hh(d0), ph = (e) => {
+}, d0 = "Dialog", [hh, Mae] = tt(d0), [tQ, Bt] = hh(d0), ph = (e) => {
   const {
     __scopeDialog: t,
     children: a,
@@ -35808,7 +35808,7 @@ function Nh(e, ...t) {
   return r.className = U1(a, e.className), r.style = ul(n, e.style), r;
 }
 const R1 = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9"], Dh = { m: { type: "enum | string", values: R1, responsive: !0, className: "rt-r-m", customProperties: ["--m"] }, mx: { type: "enum | string", values: R1, responsive: !0, className: "rt-r-mx", customProperties: ["--ml", "--mr"] }, my: { type: "enum | string", values: R1, responsive: !0, className: "rt-r-my", customProperties: ["--mt", "--mb"] }, mt: { type: "enum | string", values: R1, responsive: !0, className: "rt-r-mt", customProperties: ["--mt"] }, mr: { type: "enum | string", values: R1, responsive: !0, className: "rt-r-mr", customProperties: ["--mr"] }, mb: { type: "enum | string", values: R1, responsive: !0, className: "rt-r-mb", customProperties: ["--mb"] }, ml: { type: "enum | string", values: R1, responsive: !0, className: "rt-r-ml", customProperties: ["--ml"] } };
-var [Zo, xae] = at("Tooltip", [
+var [Zo, xae] = tt("Tooltip", [
   Yt
 ]), M0 = Yt(), zh = "TooltipProvider", mQ = 700, hl = "tooltip.open", [vQ, Eh] = Zo(zh), Ph = (e) => {
   const {
@@ -36143,7 +36143,7 @@ Fh.displayName = "Grid";
 function yl(e, [t, a]) {
   return Math.min(a, Math.max(t, e));
 }
-var Yi, b0 = "HoverCard", [Gh, Lae] = at(b0, [
+var Yi, b0 = "HoverCard", [Gh, Lae] = tt(b0, [
   Yt
 ]), Go = Yt(), [eK, C0] = Gh(b0), Uh = (e) => {
   const {
@@ -36301,7 +36301,7 @@ function iK(e) {
   for (; a.nextNode(); ) t.push(a.currentNode);
   return t;
 }
-var sK = Uh, fK = Yh, Kh = Qh, L0 = "Popover", [Jh, Aae] = at(L0, [
+var sK = Uh, fK = Yh, Kh = Qh, L0 = "Popover", [Jh, Aae] = tt(L0, [
   Yt
 ]), rr = Yt(), [cK, L1] = Jh(L0), Xh = (e) => {
   const {
@@ -36511,7 +36511,7 @@ mK.displayName = yK;
 function i3(e) {
   return e ? "open" : "closed";
 }
-var vK = Xh, gK = $h, kK = t3, MK = a3, s3 = n3, A0 = "Radio", [wK, f3] = at(A0), [xK, bK] = wK(A0), c3 = p.forwardRef(
+var vK = Xh, gK = $h, kK = t3, MK = a3, s3 = n3, A0 = "Radio", [wK, f3] = tt(A0), [xK, bK] = wK(A0), c3 = p.forwardRef(
   (e, t) => {
     const {
       __scopeRadio: a,
@@ -36604,7 +36604,7 @@ var CK = (e) => {
 function u3(e) {
   return e ? "checked" : "unchecked";
 }
-var LK = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], S0 = "RadioGroup", [jK, Sae] = at(S0, [
+var LK = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], S0 = "RadioGroup", [jK, Sae] = tt(S0, [
   Ro,
   f3
 ]), h3 = Ro(), p3 = f3(), [AK, SK] = jK(S0), y3 = p.forwardRef(
@@ -36711,7 +36711,7 @@ var TK = "RadioGroupIndicator", g3 = p.forwardRef(
   }
 );
 g3.displayName = TK;
-var k3 = y3, M3 = v3, IK = g3, NK = [" ", "Enter", "ArrowUp", "ArrowDown"], DK = [" ", "Enter"], or = "Select", [Uo, Wo, zK] = Eo(or), [Ua, Tae] = at(or, [
+var k3 = y3, M3 = v3, IK = g3, NK = [" ", "Enter", "ArrowUp", "ArrowDown"], DK = [" ", "Enter"], or = "Select", [Uo, Wo, zK] = Eo(or), [Ua, Tae] = tt(or, [
   zK,
   Yt
 ]), Yo = Yt(), [EK, j1] = Ua(or), [PK, RK] = Ua(or), w3 = (e) => {
@@ -36843,7 +36843,7 @@ b3.displayName = x3;
 var C3 = "SelectValue", L3 = p.forwardRef(
   (e, t) => {
     const { __scopeSelect: a, className: n, style: r, children: o, placeholder: s = "", ...f } = e, c = j1(C3, a), { onValueNodeHasChildrenChange: l } = c, u = o !== void 0, h = le(t, c.onValueNodeChange);
-    return Xe(() => {
+    return Je(() => {
       l(u);
     }, [l, u]), /* @__PURE__ */ d.jsx(
       X.span,
@@ -36869,7 +36869,7 @@ A3.displayName = OK;
 var J1 = "SelectContent", S3 = p.forwardRef(
   (e, t) => {
     const a = j1(J1, e.__scopeSelect), [n, r] = p.useState();
-    if (Xe(() => {
+    if (Je(() => {
       r(new DocumentFragment());
     }, []), !a.open) {
       const o = n;
@@ -37098,9 +37098,9 @@ var qK = "SelectItemAlignedPosition", N3 = p.forwardRef((e, t) => {
     o.dir,
     n
   ]);
-  Xe(() => x(), [x]);
+  Je(() => x(), [x]);
   const [b, L] = p.useState();
-  Xe(() => {
+  Je(() => {
     l && L(window.getComputedStyle(l).zIndex);
   }, [l]);
   const S = p.useCallback(
@@ -37329,7 +37329,7 @@ var yn = "SelectItemText", V3 = p.forwardRef(
       () => /* @__PURE__ */ d.jsx("option", { value: c.value, disabled: c.disabled, children: m }, c.value),
       [c.disabled, c.value, m]
     ), { onNativeOptionAdd: v, onNativeOptionRemove: k } = l;
-    return Xe(() => (v(g), () => k(g)), [v, k, g]), /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
+    return Je(() => (v(g), () => k(g)), [v, k, g]), /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
       /* @__PURE__ */ d.jsx(X.span, { id: c.textId, ...o, ref: y }),
       c.isSelected && s.valueNode && !s.valueNodeHasChildren ? Ra.createPortal(o.children, s.valueNode) : null
     ] });
@@ -37345,7 +37345,7 @@ var q3 = "SelectItemIndicator", B3 = p.forwardRef(
 B3.displayName = q3;
 var U2 = "SelectScrollUpButton", Z3 = p.forwardRef((e, t) => {
   const a = A1(U2, e.__scopeSelect), n = T0(U2, e.__scopeSelect), [r, o] = p.useState(!1), s = le(t, n.onScrollButtonChange);
-  return Xe(() => {
+  return Je(() => {
     if (a.viewport && a.isPositioned) {
       let f = function() {
         const l = c.scrollTop > 0;
@@ -37369,7 +37369,7 @@ var U2 = "SelectScrollUpButton", Z3 = p.forwardRef((e, t) => {
 Z3.displayName = U2;
 var W2 = "SelectScrollDownButton", F3 = p.forwardRef((e, t) => {
   const a = A1(W2, e.__scopeSelect), n = T0(W2, e.__scopeSelect), [r, o] = p.useState(!1), s = le(t, n.onScrollButtonChange);
-  return Xe(() => {
+  return Je(() => {
     if (a.viewport && a.isPositioned) {
       let f = function() {
         const l = c.scrollHeight - c.clientHeight, u = Math.ceil(c.scrollTop) < l;
@@ -37395,7 +37395,7 @@ var G3 = p.forwardRef((e, t) => {
   const { __scopeSelect: a, onAutoScroll: n, ...r } = e, o = A1("SelectScrollButton", a), s = p.useRef(null), f = Wo(a), c = p.useCallback(() => {
     s.current !== null && (window.clearInterval(s.current), s.current = null);
   }, []);
-  return p.useEffect(() => () => c(), [c]), Xe(() => {
+  return p.useEffect(() => () => c(), [c]), Je(() => {
     var u;
     const l = f().find((h) => h.ref.current === document.activeElement);
     (u = l == null ? void 0 : l.ref.current) == null || u.scrollIntoView({ block: "nearest" });
@@ -38939,7 +38939,7 @@ function FJ(e) {
     ...n
   });
 }
-const Ke = {
+const nt = {
   Root: up,
   NestedRoot: ZJ,
   Content: pp,
@@ -39033,10 +39033,10 @@ xp.displayName = nr.displayName;
 const D0 = ({
   shouldScaleBackground: e = !0,
   ...t
-}) => /* @__PURE__ */ d.jsx(Ke.Root, { shouldScaleBackground: e, ...t });
+}) => /* @__PURE__ */ d.jsx(nt.Root, { shouldScaleBackground: e, ...t });
 D0.displayName = "Drawer";
-const Eae = Ke.Trigger, UJ = Ke.Portal, z0 = Ke.Close, bp = p.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ d.jsx(
-  Ke.Overlay,
+const Eae = nt.Trigger, UJ = nt.Portal, z0 = nt.Close, bp = p.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ d.jsx(
+  nt.Overlay,
   {
     ref: a,
     className: ye(
@@ -39046,12 +39046,12 @@ const Eae = Ke.Trigger, UJ = Ke.Portal, z0 = Ke.Close, bp = p.forwardRef(({ clas
     ...t
   }
 ));
-bp.displayName = Ke.Overlay.displayName;
+bp.displayName = nt.Overlay.displayName;
 const E0 = p.forwardRef(
   ({ className: e, children: t, hasCloseIcon: a, overlayClasses: n, onClose: r, ...o }, s) => /* @__PURE__ */ d.jsxs(UJ, { children: [
     /* @__PURE__ */ d.jsx(bp, { className: n }),
     /* @__PURE__ */ d.jsx(Ga, { trapped: !1, children: /* @__PURE__ */ d.jsxs(
-      Ke.Content,
+      nt.Content,
       {
         ref: s,
         className: ye(
@@ -39086,23 +39086,23 @@ const R0 = ({
 }) => /* @__PURE__ */ d.jsx("div", { className: ye("flex gap-2", e), ...t });
 R0.displayName = "DrawerFooter";
 const H0 = p.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ d.jsx(
-  Ke.Title,
+  nt.Title,
   {
     ref: a,
     className: ye("text-heading-md", e),
     ...t
   }
 ));
-H0.displayName = Ke.Title.displayName;
+H0.displayName = nt.Title.displayName;
 const O0 = p.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ d.jsx(
-  Ke.Description,
+  nt.Description,
   {
     ref: a,
     className: ye("text-body-sm color-text-secondary", e),
     ...t
   }
 ));
-O0.displayName = Ke.Description.displayName;
+O0.displayName = nt.Description.displayName;
 var WJ = typeof vr == "object" && vr && vr.Object === Object && vr, YJ = typeof self == "object" && self && self.Object === Object && self;
 WJ || YJ || Function("return this")();
 var QJ = typeof window < "u" ? Fn : ie, KJ = typeof window > "u";
@@ -39250,7 +39250,7 @@ const Pae = ({
     ]
   }
 ) });
-var V0 = "Collapsible", [XJ, Cp] = at(V0), [_J, q0] = XJ(V0), Lp = p.forwardRef(
+var V0 = "Collapsible", [XJ, Cp] = tt(V0), [_J, q0] = XJ(V0), Lp = p.forwardRef(
   (e, t) => {
     const {
       __scopeCollapsible: a,
@@ -39318,7 +39318,7 @@ var $J = p.forwardRef((e, t) => {
   return p.useEffect(() => {
     const M = requestAnimationFrame(() => k.current = !1);
     return () => cancelAnimationFrame(M);
-  }, []), Xe(() => {
+  }, []), Je(() => {
     const M = l.current;
     if (M) {
       w.current = w.current || {
@@ -39349,7 +39349,7 @@ var $J = p.forwardRef((e, t) => {
 function Z0(e) {
   return e ? "open" : "closed";
 }
-var eX = Lp, tX = Ap, aX = Sp, i1 = "Accordion", nX = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [F0, rX, oX] = Eo(i1), [Qo, Rae] = at(i1, [
+var eX = Lp, tX = Ap, aX = Sp, i1 = "Accordion", nX = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [F0, rX, oX] = Eo(i1), [Qo, Rae] = tt(i1, [
   oX,
   Cp
 ]), G0 = Cp(), Tp = z.forwardRef(
@@ -40103,61 +40103,48 @@ const Zae = ({
   headerClassName: o,
   contentClassName: s,
   side: f = "right",
-  noOverlay: c = !1,
-  overlayClasses: l,
-  rounded: u = !1,
-  dismissible: h = !0
-}) => /* @__PURE__ */ d.jsx(
-  Ke.Root,
+  rounded: c = !1,
+  dismissible: l = !0
+}) => /* @__PURE__ */ d.jsx(nt.Root, { open: t, dismissible: !1, direction: f, children: /* @__PURE__ */ d.jsx(nt.Portal, { children: /* @__PURE__ */ d.jsx(
+  nt.Content,
   {
-    open: t,
-    onOpenChange: () => a == null ? void 0 : a(!1),
-    direction: f,
-    children: /* @__PURE__ */ d.jsxs(Ke.Portal, { children: [
-      /* @__PURE__ */ d.jsx(
-        Ke.Overlay,
-        {
-          className: I("fixed inset-0 bg-black/40", l, {
-            "bg-transparent": c
-          })
-        }
-      ),
-      /* @__PURE__ */ d.jsx(
-        Ke.Content,
-        {
-          className: I(
-            "fixed z-10 outline-none flex min-w-[300px]",
-            {
-              "top-2 left-2 right-2": f === "top",
-              "top-2 bottom-2 right-2": f === "right",
-              "bottom-2 left-2 right-2": f === "bottom",
-              "top-2 bottom-2 left-2": f === "left"
-            },
-            r
-          ),
-          style: { "--initial-transform": "calc(100% + 8px)" },
-          children: /* @__PURE__ */ d.jsxs(
-            "div",
+    className: I(
+      "fixed outline-none flex min-w-[300px]",
+      {
+        "top-2 left-2 right-2": f === "top",
+        "top-2 bottom-2 right-2": f === "right",
+        "bottom-2 left-2 right-2": f === "bottom",
+        "top-2 bottom-2 left-2": f === "left"
+      },
+      r
+    ),
+    style: { "--initial-transform": "calc(100% + 8px)" },
+    children: /* @__PURE__ */ d.jsxs(
+      "div",
+      {
+        className: I(
+          "bg-white h-full w-full grow p-4 flex flex-col",
+          {
+            "rounded-[16px]": c
+          },
+          s
+        ),
+        children: [
+          e && /* @__PURE__ */ d.jsx("div", { className: o, children: /* @__PURE__ */ d.jsx(nt.Title, { className: "text-heading-sm color-text-default inline-flex gap-2 items-center", children: e }) }),
+          l ? /* @__PURE__ */ d.jsx("div", { className: "absolute top-[14px] right-4 rounded-sm ring-offset-white hover:color-bg-default-hover p-1 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focused focus-visible:ring-offset-2", children: /* @__PURE__ */ d.jsx(
+            Ie,
             {
-              className: I(
-                "bg-white h-full w-full grow p-4 flex flex-col",
-                {
-                  "rounded-[16px]": u
-                },
-                s
-              ),
-              children: [
-                e && /* @__PURE__ */ d.jsx("div", { className: o, children: /* @__PURE__ */ d.jsx(Ke.Title, { className: "text-heading-sm color-text-default inline-flex gap-2 items-center", children: e }) }),
-                h ? /* @__PURE__ */ d.jsx(Ke.Close, { className: "absolute top-[14px] right-4 rounded-sm ring-offset-white hover:color-bg-default-hover p-1 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focused focus-visible:ring-offset-2 disabled:pointer-events-none", children: /* @__PURE__ */ d.jsx(Ie, { name: "X", size: "md" }) }) : null,
-                n
-              ]
+              name: "X",
+              onClick: () => a == null ? void 0 : a(!1),
+              size: "md"
             }
-          )
-        }
-      )
-    ] })
+          ) }) : null,
+          n
+        ]
+      }
+    )
   }
-), Qp = vK, Kp = kK, Gae = gK, W0 = p.forwardRef(
+) }) }), Qp = vK, Kp = kK, Gae = gK, W0 = p.forwardRef(
   ({ className: e, align: t = "center", sideOffset: a = 4, elevation: n, container: r, ...o }, s) => /* @__PURE__ */ d.jsx(MK, { container: r, children: /* @__PURE__ */ d.jsx(
     s3,
     {
@@ -40733,7 +40720,7 @@ var ce;
 (function(e) {
   e.hiddenOnSearch = "epr-hidden-on-search", e.searchActive = "epr-search-active", e.hidden = "epr-hidden", e.visible = "epr-visible", e.active = "epr-active", e.emoji = "epr-emoji", e.category = "epr-emoji-category", e.label = "epr-emoji-category-label", e.categoryContent = "epr-emoji-category-content", e.emojiHasVariations = "epr-emoji-has-variations", e.scrollBody = "epr-body", e.emojiList = "epr-emoji-list", e.external = "__EmojiPicker__", e.emojiPicker = "EmojiPickerReact", e.open = "epr-open", e.vertical = "epr-vertical", e.horizontal = "epr-horizontal", e.variationPicker = "epr-emoji-variation-picker", e.darkTheme = "epr-dark-theme", e.autoTheme = "epr-auto-theme";
 })(ce || (ce = {}));
-function tt() {
+function et() {
   for (var e = arguments.length, t = new Array(e), a = 0; a < e; a++)
     t[a] = arguments[a];
   return t.map(function(n) {
@@ -57778,7 +57765,7 @@ function a$() {
   }, [e]);
 }
 function ni(e) {
-  if (!(!e || !W$(e)) && !e.closest(tt(ce.variationPicker))) {
+  if (!(!e || !W$(e)) && !e.closest(et(ce.variationPicker))) {
     var t = r6(e), a = n6(e);
     t$(t, -(cf(I1(e)) - a));
   }
@@ -58485,14 +58472,14 @@ function Z$(e) {
   return !!e.nextElementSibling;
 }
 function F$(e) {
-  for (var t = Array.from(e.querySelectorAll(tt(ce.label))), a = 0, n = t; a < n.length; a++) {
+  for (var t = Array.from(e.querySelectorAll(et(ce.label))), a = 0, n = t; a < n.length; a++) {
     var r = n[a], o = r.getBoundingClientRect().height;
     if (o > 0)
       return o;
   }
   return Jy;
 }
-var po = "button" + /* @__PURE__ */ tt(ce.emoji), G$ = /* @__PURE__ */ [po, tt(ce.visible), ":not(" + tt(ce.hidden) + ")"].join("");
+var po = "button" + /* @__PURE__ */ et(ce.emoji), G$ = /* @__PURE__ */ [po, et(ce.visible), ":not(" + et(ce.hidden) + ")"].join("");
 function Ot(e) {
   var t;
   return (t = e == null ? void 0 : e.closest(po)) != null ? t : null;
@@ -58522,14 +58509,14 @@ function cf(e) {
   var t, a;
   if (!e)
     return 0;
-  var n = e.querySelector(tt(ce.categoryContent));
+  var n = e.querySelector(et(ce.categoryContent));
   return ((t = e == null ? void 0 : e.clientHeight) != null ? t : 0) - ((a = n == null ? void 0 : n.clientHeight) != null ? a : 0);
 }
 function W$(e) {
   return e ? n6(e) < cf(I1(e)) : !1;
 }
 function a6(e) {
-  return e ? e.matches(tt(ce.scrollBody)) ? e : e.querySelector(tt(ce.scrollBody)) : null;
+  return e ? e.matches(et(ce.scrollBody)) ? e : e.querySelector(et(ce.scrollBody)) : null;
 }
 function n6(e) {
   var t, a;
@@ -58537,7 +58524,7 @@ function n6(e) {
 }
 function r6(e) {
   var t;
-  return e && (t = e.closest(tt(ce.scrollBody))) != null ? t : null;
+  return e && (t = e.closest(et(ce.scrollBody))) != null ? t : null;
 }
 function Y$(e) {
   var t = Ot(e), a = I1(t);
@@ -58619,10 +58606,10 @@ function ii(e) {
   return a ? s6(a) ? ii(a) : a : null;
 }
 function I1(e) {
-  return e ? e.closest(tt(ce.category)) : null;
+  return e ? e.closest(et(ce.category)) : null;
 }
 function l6(e) {
-  return e ? e.closest(tt(ce.categoryContent)) : null;
+  return e ? e.closest(et(ce.categoryContent)) : null;
 }
 function d6(e) {
   return e.split("-").map(function(t) {
@@ -59676,7 +59663,7 @@ function Dee(e) {
     }, {
       threshold: [0, 1]
     });
-    n == null || n.querySelectorAll(tt(ce.category)).forEach(function(o) {
+    n == null || n.querySelectorAll(et(ce.category)).forEach(function(o) {
       r.observe(o);
     });
   }, [t, e]);
@@ -59884,7 +59871,7 @@ var Zee = {
   }
 }, /* @__PURE__ */ w1("icnClearnSearch", {
   backgroundPositionY: "-40px"
-}), /* @__PURE__ */ w1("btnClearSearch", Zee))), n2 = /* @__PURE__ */ tt(ce.emojiPicker) + " " + /* @__PURE__ */ tt(ce.emojiList), M6 = /* @__PURE__ */ ["button", tt(ce.emoji)].join(""), Fee = /* @__PURE__ */ tt(ce.category);
+}), /* @__PURE__ */ w1("btnClearSearch", Zee))), n2 = /* @__PURE__ */ et(ce.emojiPicker) + " " + /* @__PURE__ */ et(ce.emojiList), M6 = /* @__PURE__ */ ["button", et(ce.emoji)].join(""), Fee = /* @__PURE__ */ et(ce.category);
 function Gee(e) {
   var t = e.value;
   if (!t)
@@ -60908,12 +60895,12 @@ var L6 = rh(), l2 = function() {
     onScrollCapture: l2,
     onWheelCapture: l2,
     onTouchMoveCapture: l2
-  }), r = n[0], o = n[1], s = e.forwardProps, f = e.children, c = e.className, l = e.removeScrollBar, u = e.enabled, h = e.shards, y = e.sideCar, m = e.noIsolation, g = e.inert, v = e.allowPinchZoom, k = e.as, w = k === void 0 ? "div" : k, M = c0(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), x = y, b = nh([a, t]), L = $e($e({}, M), r);
+  }), r = n[0], o = n[1], s = e.forwardProps, f = e.children, c = e.className, l = e.removeScrollBar, u = e.enabled, h = e.shards, y = e.sideCar, m = e.noIsolation, g = e.inert, v = e.allowPinchZoom, k = e.as, w = k === void 0 ? "div" : k, M = c0(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), x = y, b = nh([a, t]), L = _e(_e({}, M), r);
   return p.createElement(
     p.Fragment,
     null,
     u && p.createElement(x, { sideCar: L6, removeScrollBar: l, shards: h, noIsolation: m, inert: g, setCallbacks: o, allowPinchZoom: !!v, lockRef: a }),
-    s ? p.cloneElement(p.Children.only(f), $e($e({}, L), { ref: b })) : p.createElement(w, $e({}, L, { className: c, ref: b }), f)
+    s ? p.cloneElement(p.Children.only(f), _e(_e({}, L), { ref: b })) : p.createElement(w, _e({}, L, { className: c, ref: b }), f)
   );
 });
 li.defaultProps = {
@@ -61094,7 +61081,7 @@ function $te(e) {
 }
 const e1e = ih(L6, $te);
 var T6 = p.forwardRef(function(e, t) {
-  return p.createElement(li, $e({}, e, { ref: t, sideCar: e1e }));
+  return p.createElement(li, _e({}, e, { ref: t, sideCar: e1e }));
 });
 T6.classNames = li.classNames;
 const I6 = "Dialog", [N6, Jae] = pte(I6), [t1e, ia] = N6(I6), a1e = (e) => {
@@ -61668,7 +61655,7 @@ const _ae = Re(({ count: e = 0 }, t) => {
   }
 ));
 N1e.displayName = Kh.displayName;
-var gf = "ToastProvider", [kf, D1e, z1e] = Eo("Toast"), [Y6, ane] = at("Toast", [z1e]), [E1e, ui] = Y6(gf), Q6 = (e) => {
+var gf = "ToastProvider", [kf, D1e, z1e] = Eo("Toast"), [Y6, ane] = tt("Toast", [z1e]), [E1e, ui] = Y6(gf), Q6 = (e) => {
   const {
     __scopeToast: t,
     label: a = "Notification",
@@ -62062,7 +62049,7 @@ var $l = (e, t, a = 0) => {
 function W1e(e = () => {
 }) {
   const t = ct(e);
-  Xe(() => {
+  Je(() => {
     let a = 0, n = 0;
     return a = window.requestAnimationFrame(() => n = window.requestAnimationFrame(t)), () => {
       window.cancelAnimationFrame(a), window.cancelAnimationFrame(n);
@@ -62496,6 +62483,8 @@ export {
   Pae as DynamicModal,
   Hae as DynamicRadio,
   Wae as DynamicSelect,
+  nte as EmojiPicker,
+  ft as EmojiStyle,
   mJ as FloatingToolbar,
   Iae as GridLayout,
   ene as HoverCard,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse/ui",
-  "version": "4.1.2-patch-10",
+  "version": "4.1.3-patch-1",
   "files": [
     "/dist"
   ],