@fileverse/ui 4.1.6-patch-5 → 4.1.6-patch-6

package/dist/index.css

@@ -1450,6 +1450,10 @@ video {
 .\!w-\[95\%\] {
   width: 95% !important;
 }
+.\!w-fit {
+  width: -moz-fit-content !important;
+  width: fit-content !important;
+}
 .\!w-full {
   width: 100% !important;
 }
@@ -1869,6 +1873,9 @@ video {
 .\!gap-1 {
   gap: 0.25rem !important;
 }
+.\!gap-2 {
+  gap: 0.5rem !important;
+}
 .gap-1 {
   gap: 0.25rem;
 }
@@ -1896,6 +1903,11 @@ video {
 .gap-8 {
   gap: 2rem;
 }
+.\!space-x-0 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0 !important;
+  margin-right: calc(0px * var(--tw-space-x-reverse)) !important;
+  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))) !important;
+}
 .-space-x-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
@@ -1985,6 +1997,9 @@ video {
 .\!rounded {
   border-radius: 0.25rem !important;
 }
+.\!rounded-\[8px\] {
+  border-radius: 8px !important;
+}
 .\!rounded-lg {
   border-radius: var(--radius) !important;
 }
@@ -2127,6 +2142,9 @@ video {
   -o-object-fit: cover;
      object-fit: cover;
 }
+.\!p-3 {
+  padding: 0.75rem !important;
+}
 .p-0 {
   padding: 0px;
 }

package/dist/index.es.d.ts

@@ -847,12 +847,13 @@ declare type ThemeProviderProps = {
 export declare const ThemeToggle: () => JSX_2.Element;
 
 export declare const Toast: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React_2.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "default" | "danger" | "secondary" | "success" | null | undefined;
+    variant?: "default" | "danger" | "secondary" | "success" | "mini" | null | undefined;
     position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "center-top" | "center-bottom" | null | undefined;
 } & ClassProp) | undefined) => string> & {
     position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "center-top" | "center-bottom";
     duration?: number;
     hasIcon?: boolean;
+    customIcon?: string;
 } & React_2.RefAttributes<HTMLLIElement>>;
 
 export declare function toast({ ...props }: Toast_2): {
@@ -871,11 +872,12 @@ export declare const ToastClose: React_2.ForwardRefExoticComponent<Omit<ToastPri
 
 export declare const ToastDescription: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const Toaster: ({ position, duration, }: ToasterProps) => JSX_2.Element;
+export declare const Toaster: ({ position, duration, customIcon, }: ToasterProps) => JSX_2.Element;
 
 export declare interface ToasterProps {
     position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "center-top" | "center-bottom";
     duration?: number;
+    customIcon?: string;
 }
 
 declare type ToasterToast = ToastProps & {

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import * as p from "react";
-import I, { forwardRef as Et, createElement as P, useLayoutEffect as er, useEffect as Ne, createContext as Wt, useRef as be, useId as Zi, useContext as xe, useInsertionEffect as wd, useCallback as Ve, useMemo as Ke, Children as C6, isValidElement as b6, useState as ve, Fragment as Nn, Component as xd, memo as Cd, createRef as n1, Suspense as L6 } from "react";
+import I, { forwardRef as Et, createElement as P, useLayoutEffect as er, useEffect as Ne, createContext as Wt, useRef as Le, useId as Zi, useContext as xe, useInsertionEffect as wd, useCallback as Ve, useMemo as Ke, Children as C6, isValidElement as b6, useState as ve, Fragment as Nn, Component as xd, memo as Cd, createRef as n1, Suspense as L6 } from "react";
 import * as An from "react-dom";
 import j6 from "react-dom";
 var eo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
@@ -132,14 +132,14 @@ function S6() {
         }
       return null;
     }
-    var T = Object.assign, G = 0, q, V, B, Q, me, Ce, z;
+    var T = Object.assign, G = 0, q, V, B, Q, me, be, z;
     function W() {
     }
     W.__reactDisabledLog = !0;
     function K() {
       {
         if (G === 0) {
-          q = console.log, V = console.info, B = console.warn, Q = console.error, me = console.group, Ce = console.groupCollapsed, z = console.groupEnd;
+          q = console.log, V = console.info, B = console.warn, Q = console.error, me = console.group, be = console.groupCollapsed, z = console.groupEnd;
           var b = {
             configurable: !0,
             enumerable: !0,
@@ -184,7 +184,7 @@ function S6() {
               value: me
             }),
             groupCollapsed: T({}, b, {
-              value: Ce
+              value: be
             }),
             groupEnd: T({}, b, {
               value: z
@@ -874,7 +874,7 @@ const Ae = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   $6.test(e) && !U6.test(e)
 ), Sd = () => !1, o5 = (e) => W6.test(e), r5 = (e) => Y6.test(e), i5 = () => {
-  const e = Ae("colors"), t = Ae("spacing"), a = Ae("blur"), n = Ae("brightness"), o = Ae("borderColor"), i = Ae("borderRadius"), s = Ae("borderSpacing"), c = Ae("borderWidth"), f = Ae("contrast"), d = Ae("grayscale"), u = Ae("hueRotate"), h = Ae("invert"), y = Ae("gap"), m = Ae("gradientColorStops"), v = Ae("gradientColorStopPositions"), k = Ae("inset"), g = Ae("margin"), M = Ae("opacity"), w = Ae("padding"), x = Ae("saturate"), C = Ae("scale"), L = Ae("sepia"), N = Ae("skew"), j = Ae("space"), A = Ae("translate"), D = () => ["auto", "contain", "none"], H = () => ["auto", "hidden", "clip", "visible", "scroll"], Z = () => ["auto", oe, t], R = () => [oe, t], _ = () => ["", Qt, o1], T = () => ["auto", ua, oe], G = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], q = () => ["solid", "dashed", "dotted", "double", "none"], V = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], B = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], Q = () => ["", "0", oe], me = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], Ce = () => [ua, oe];
+  const e = Ae("colors"), t = Ae("spacing"), a = Ae("blur"), n = Ae("brightness"), o = Ae("borderColor"), i = Ae("borderRadius"), s = Ae("borderSpacing"), c = Ae("borderWidth"), f = Ae("contrast"), d = Ae("grayscale"), u = Ae("hueRotate"), h = Ae("invert"), y = Ae("gap"), m = Ae("gradientColorStops"), v = Ae("gradientColorStopPositions"), k = Ae("inset"), g = Ae("margin"), M = Ae("opacity"), w = Ae("padding"), x = Ae("saturate"), C = Ae("scale"), L = Ae("sepia"), N = Ae("skew"), j = Ae("space"), A = Ae("translate"), D = () => ["auto", "contain", "none"], H = () => ["auto", "hidden", "clip", "visible", "scroll"], Z = () => ["auto", oe, t], R = () => [oe, t], _ = () => ["", Qt, o1], T = () => ["auto", ua, oe], G = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], q = () => ["solid", "dashed", "dotted", "double", "none"], V = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], B = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], Q = () => ["", "0", oe], me = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], be = () => [ua, oe];
   return {
     cacheSize: 500,
     separator: ":",
@@ -882,26 +882,26 @@ const Ae = (e) => {
       colors: [$a],
       spacing: [Qt, o1],
       blur: ["none", "", r1, oe],
-      brightness: Ce(),
+      brightness: be(),
       borderColor: [e],
       borderRadius: ["none", "", "full", r1, oe],
       borderSpacing: R(),
       borderWidth: _(),
-      contrast: Ce(),
+      contrast: be(),
       grayscale: Q(),
-      hueRotate: Ce(),
+      hueRotate: be(),
       invert: Q(),
       gap: R(),
       gradientColorStops: [e],
       gradientColorStopPositions: [Q6, o1],
       inset: Z(),
       margin: Z(),
-      opacity: Ce(),
+      opacity: be(),
       padding: R(),
-      saturate: Ce(),
-      scale: Ce(),
+      saturate: be(),
+      scale: be(),
       sepia: Q(),
-      skew: Ce(),
+      skew: be(),
       space: R(),
       translate: R()
     },
@@ -2476,7 +2476,7 @@ const Ae = (e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: Ce()
+        duration: be()
       }],
       /**
        * Transition Timing Function
@@ -2490,7 +2490,7 @@ const Ae = (e) => {
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: Ce()
+        delay: be()
       }],
       /**
        * Animation
@@ -27673,7 +27673,7 @@ const Bue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
   defaultVariants: {
     size: "md"
   }
-}), Le = Et(
+}), Ce = Et(
   ({ name: e, className: t, size: a, strokeWidth: n, fill: o, stroke: i, ...s }, c) => {
     const f = Zue[e];
     return f ? /* @__PURE__ */ l.jsx(
@@ -27690,7 +27690,7 @@ const Bue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
     ) : null;
   }
 );
-Le.displayName = "LucideIcon";
+Ce.displayName = "LucideIcon";
 const Gue = Lt(
   "inline-flex items-center justify-center whitespace-nowrap rounded ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focused focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:color-button-disabled",
   {
@@ -27738,7 +27738,7 @@ const Gue = Lt(
       onClick: c,
       ...u,
       children: f ? /* @__PURE__ */ l.jsx(
-        Le,
+        Ce,
         {
           name: "LoaderCircle",
           size: a === "sm" ? "sm" : "md",
@@ -27748,7 +27748,7 @@ const Gue = Lt(
         }
       ) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
         n && /* @__PURE__ */ l.jsx("span", { className: "start-adornment", children: /* @__PURE__ */ l.jsx(
-          Le,
+          Ce,
           {
             size: a === "sm" ? "sm" : "md",
             name: i,
@@ -27759,7 +27759,7 @@ const Gue = Lt(
         ) }),
         u.children,
         o && /* @__PURE__ */ l.jsx("span", { className: "end-adornment", children: /* @__PURE__ */ l.jsx(
-          Le,
+          Ce,
           {
             size: a === "sm" ? "sm" : "md",
             name: s,
@@ -27817,7 +27817,7 @@ const Vwe = ({ children: e, className: t }) => {
       size: a,
       ...f,
       children: /* @__PURE__ */ l.jsx(
-        Le,
+        Ce,
         {
           "data-testid": "icon",
           "data-role": "icon",
@@ -29946,10 +29946,10 @@ var o0 = "PopperContent", [Mhe, whe] = ol(o0), fl = p.forwardRef(
         bhe({ arrowWidth: j, arrowHeight: A }),
         y && yhe({ strategy: "referenceHidden", ..._ })
       ]
-    }), [Q, me] = ul(q), Ce = ct(v);
+    }), [Q, me] = ul(q), be = ct(v);
     We(() => {
-      V && (Ce == null || Ce());
-    }, [V, Ce]);
+      V && (be == null || be());
+    }, [V, be]);
     const z = (O = B.arrow) == null ? void 0 : O.x, W = (X = B.arrow) == null ? void 0 : X.y, K = ((re = B.arrow) == null ? void 0 : re.centerOffset) !== 0, [U, ne] = p.useState();
     return We(() => {
       M && ne(window.getComputedStyle(M).zIndex);
@@ -30485,7 +30485,7 @@ function Fhe(e) {
 var xl = pl, Ghe = yl, $he = ml, Uhe = kl, Whe = gl, Yhe = wl;
 const s0 = Wt({});
 function c0(e) {
-  const t = be(null);
+  const t = Le(null);
   return t.current === null && (t.current = e()), t.current;
 }
 const ur = Wt(null), f0 = Wt({
@@ -30512,7 +30512,7 @@ class Qhe extends p.Component {
   }
 }
 function Jhe({ children: e, isPresent: t }) {
-  const a = Zi(), n = be(null), o = be({
+  const a = Zi(), n = Le(null), o = Le({
     width: 0,
     height: 0,
     top: 0,
@@ -30588,7 +30588,7 @@ function hc(e) {
   }), t;
 }
 const d0 = typeof window < "u", bl = d0 ? er : Ne, e3e = ({ children: e, custom: t, initial: a = !0, onExitComplete: n, presenceAffectsLayout: o = !0, mode: i = "sync", propagate: s = !1 }) => {
-  const [c, f] = Cl(s), d = Ke(() => hc(e), [e]), u = s && !c ? [] : d.map(no), h = be(!0), y = be(d), m = c0(() => /* @__PURE__ */ new Map()), [v, k] = ve(d), [g, M] = ve(d);
+  const [c, f] = Cl(s), d = Ke(() => hc(e), [e]), u = s && !c ? [] : d.map(no), h = Le(!0), y = Le(d), m = c0(() => /* @__PURE__ */ new Map()), [v, k] = ve(d), [g, M] = ve(d);
   bl(() => {
     h.current = !1, y.current = d;
     for (let C = 0; C < g.length; C++) {
@@ -30869,7 +30869,7 @@ function u3e(e, t, a) {
 const p0 = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), h3e = "framerAppearId", Sl = "data-" + p0(h3e), { schedule: y0 } = Ll(queueMicrotask, !1), Il = Wt({});
 function p3e(e, t, a, n, o) {
   var i, s;
-  const { visualElement: c } = xe(pr), f = xe(jl), d = xe(ur), u = xe(f0).reducedMotion, h = be(null);
+  const { visualElement: c } = xe(pr), f = xe(jl), d = xe(ur), u = xe(f0).reducedMotion, h = Le(null);
   n = n || f.renderer, !h.current && n && (h.current = n(e, {
     visualState: t,
     parent: c,
@@ -30880,11 +30880,11 @@ function p3e(e, t, a, n, o) {
   }));
   const y = h.current, m = xe(Il);
   y && !y.projection && o && (y.type === "html" || y.type === "svg") && y3e(h.current, a, o, m);
-  const v = be(!1);
+  const v = Le(!1);
   wd(() => {
     y && v.current && y.update(a, d);
   });
-  const k = a[Sl], g = be(!!k && !(!((i = window.MotionHandoffIsComplete) === null || i === void 0) && i.call(window, k)) && ((s = window.MotionHasOptimisedAnimation) === null || s === void 0 ? void 0 : s.call(window, k)));
+  const k = a[Sl], g = Le(!!k && !(!((i = window.MotionHandoffIsComplete) === null || i === void 0) && i.call(window, k)) && ((s = window.MotionHasOptimisedAnimation) === null || s === void 0 ? void 0 : s.call(window, k)));
   return bl(() => {
     y && (v.current = !0, window.MotionIsMounted = !0, y.updateFeatures(), y0.render(y.render), g.current && y.animationState && y.animationState.animateChanges());
   }), Ne(() => {
@@ -35423,7 +35423,7 @@ const T5e = Lt(
       ref: o,
       children: [
         n.icon && /* @__PURE__ */ l.jsx(
-          Le,
+          Ce,
           {
             name: n.icon,
             size: "sm",
@@ -35458,7 +35458,7 @@ const Zwe = ({
   onAddTag: a,
   isPreviewMode: n
 }) => {
-  const [o, i] = ve(""), [s, c] = ve(!1), f = be(null), d = (m) => {
+  const [o, i] = ve(""), [s, c] = ve(!1), f = Le(null), d = (m) => {
     i(m), c(!0);
   }, u = (m) => {
     const v = e.find(
@@ -35485,7 +35485,7 @@ const Zwe = ({
         variant: "ghost",
         className: "min-w-fit !h-6 px-2",
         children: [
-          /* @__PURE__ */ l.jsx(Le, { name: "Plus", size: "sm", className: "mr-1 text-[#77818A]" }),
+          /* @__PURE__ */ l.jsx(Ce, { name: "Plus", size: "sm", className: "mr-1 text-[#77818A]" }),
           /* @__PURE__ */ l.jsx("span", { className: "text-[#77818A] text-helper-text-sm", children: "Add Tag" })
         ]
       }
@@ -39330,7 +39330,7 @@ var It = 10, [Qh, w1] = Pa(q1), i7e = "SelectContentImpl", Jh = p.forwardRef(
         window.removeEventListener("blur", O), window.removeEventListener("resize", O);
       };
     }, [B]);
-    const [me, Ce] = y3((O) => {
+    const [me, be] = y3((O) => {
       const X = R().filter((fe) => !fe.disabled), re = X.find((fe) => fe.ref.current === document.activeElement), ie = m3(X, O, re);
       ie && setTimeout(() => ie.ref.current.focus());
     }), z = p.useCallback(
@@ -39416,7 +39416,7 @@ var It = 10, [Qh, w1] = Pa(q1), i7e = "SelectContentImpl", Jh = p.forwardRef(
                     },
                     onKeyDown: F(M.onKeyDown, (O) => {
                       const X = O.ctrlKey || O.altKey || O.metaKey;
-                      if (O.key === "Tab" && O.preventDefault(), !X && O.key.length === 1 && Ce(O.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(O.key)) {
+                      if (O.key === "Tab" && O.preventDefault(), !X && O.key.length === 1 && be(O.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(O.key)) {
                         let ie = R().filter((fe) => !fe.disabled).map((fe) => fe.ref.current);
                         if (["ArrowUp", "End"].includes(O.key) && (ie = ie.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(O.key)) {
                           const fe = O.target, ke = ie.indexOf(fe);
@@ -39458,7 +39458,7 @@ var s7e = "SelectItemAlignedPosition", Kh = p.forwardRef((e, t) => {
         ]);
         c.style.minWidth = J + "px", c.style.right = gt + "px";
       }
-      const Z = y(), R = window.innerHeight - It * 2, _ = k.scrollHeight, T = window.getComputedStyle(d), G = parseInt(T.borderTopWidth, 10), q = parseInt(T.paddingTop, 10), V = parseInt(T.borderBottomWidth, 10), B = parseInt(T.paddingBottom, 10), Q = G + q + _ + B + V, me = Math.min(g.offsetHeight * 5, Q), Ce = window.getComputedStyle(k), z = parseInt(Ce.paddingTop, 10), W = parseInt(Ce.paddingBottom, 10), K = j.top + j.height / 2 - It, U = R - K, ne = g.offsetHeight / 2, O = g.offsetTop + ne, X = G + q + O, re = Q - X;
+      const Z = y(), R = window.innerHeight - It * 2, _ = k.scrollHeight, T = window.getComputedStyle(d), G = parseInt(T.borderTopWidth, 10), q = parseInt(T.paddingTop, 10), V = parseInt(T.borderBottomWidth, 10), B = parseInt(T.paddingBottom, 10), Q = G + q + _ + B + V, me = Math.min(g.offsetHeight * 5, Q), be = window.getComputedStyle(k), z = parseInt(be.paddingTop, 10), W = parseInt(be.paddingBottom, 10), K = j.top + j.height / 2 - It, U = R - K, ne = g.offsetHeight / 2, O = g.offsetTop + ne, X = G + q + O, re = Q - X;
       if (X <= K) {
         const fe = Z.length > 0 && g === Z[Z.length - 1].ref.current;
         c.style.bottom = "0px";
@@ -40159,7 +40159,7 @@ var [z7e, D7e] = b3(Pr, {
                 }),
                 onPointerMove: F(e.onPointerMove, (T) => {
                   if (!x.current) return;
-                  const G = T.clientX - x.current.x, q = T.clientY - x.current.y, V = !!C.current, B = ["left", "right"].includes(k.swipeDirection), Q = ["left", "up"].includes(k.swipeDirection) ? Math.min : Math.max, me = B ? Q(0, G) : 0, Ce = B ? 0 : Q(0, q), z = T.pointerType === "touch" ? 10 : 2, W = { x: me, y: Ce }, K = { originalEvent: T, delta: W };
+                  const G = T.clientX - x.current.x, q = T.clientY - x.current.y, V = !!C.current, B = ["left", "right"].includes(k.swipeDirection), Q = ["left", "up"].includes(k.swipeDirection) ? Math.min : Math.max, me = B ? Q(0, G) : 0, be = B ? 0 : Q(0, q), z = T.pointerType === "touch" ? 10 : 2, W = { x: me, y: be }, K = { originalEvent: T, delta: W };
                   V ? (C.current = W, uo(S7e, h, K, {
                     discrete: !1
                   })) : Zf(W, k.swipeDirection, z) ? (C.current = W, uo(A7e, u, K, {
@@ -40510,9 +40510,9 @@ const ep = p.forwardRef((e, t) => {
 ep.displayName = "Grid";
 const lme = I.forwardRef(({ children: e, size: t, liked: a, onLike: n, onClick: o, ...i }, s) => {
   const c = [
-    /* @__PURE__ */ l.jsx("div", { children: /* @__PURE__ */ l.jsx(Le, { name: "Share", size: "md" }) }),
+    /* @__PURE__ */ l.jsx("div", { children: /* @__PURE__ */ l.jsx(Ce, { name: "Share", size: "md" }) }),
     /* @__PURE__ */ l.jsx("div", { onClick: n, children: /* @__PURE__ */ l.jsx(
-      Le,
+      Ce,
       {
         name: "Heart",
         size: "md",
@@ -40597,9 +40597,9 @@ const ho = {
         (m) => ho[m] === e
       )
     ), y = [
-      /* @__PURE__ */ l.jsx("div", { children: /* @__PURE__ */ l.jsx(Le, { fill: "none", name: "Square", size: "sm" }) }),
-      /* @__PURE__ */ l.jsx("div", { children: /* @__PURE__ */ l.jsx(Le, { fill: "none", name: "RectangleHorizontal" }) }),
-      /* @__PURE__ */ l.jsx("div", { children: /* @__PURE__ */ l.jsx(Le, { fill: "none", name: "Square", size: "md" }) })
+      /* @__PURE__ */ l.jsx("div", { children: /* @__PURE__ */ l.jsx(Ce, { fill: "none", name: "Square", size: "sm" }) }),
+      /* @__PURE__ */ l.jsx("div", { children: /* @__PURE__ */ l.jsx(Ce, { fill: "none", name: "RectangleHorizontal" }) }),
+      /* @__PURE__ */ l.jsx("div", { children: /* @__PURE__ */ l.jsx(Ce, { fill: "none", name: "Square", size: "md" }) })
     ];
     return Ne(() => {
       d(ho[u]), o == null || o(ho[u]);
@@ -40829,7 +40829,7 @@ const txe = (e) => /* @__PURE__ */ l.jsx(Y3, { children: /* @__PURE__ */ l.jsx(e
           "data-testid": "list-mode-button",
           className: "color-text-default",
           children: /* @__PURE__ */ l.jsx(
-            Le,
+            Ce,
             {
               fill: "none",
               name: "List",
@@ -40845,7 +40845,7 @@ const txe = (e) => /* @__PURE__ */ l.jsx(Y3, { children: /* @__PURE__ */ l.jsx(e
           "data-testid": "card-mode-button",
           className: "color-text-default",
           children: /* @__PURE__ */ l.jsx(
-            Le,
+            Ce,
             {
               fill: "none",
               name: "LayoutGrid",
@@ -41528,7 +41528,7 @@ function Wme({ open: e, onOpenChange: t, children: a, onDrag: n, onRelease: o, s
         document.body.style.pointerEvents = "auto";
       }), ee || (document.body.style.pointerEvents = "auto");
     }
-  }), [V, B] = I.useState(!1), [Q, me] = I.useState(!1), [Ce, z] = I.useState(!1), W = I.useRef(null), K = I.useRef(null), U = I.useRef(null), ne = I.useRef(null), O = I.useRef(null), X = I.useRef(!1), re = I.useRef(null), ie = I.useRef(0), fe = I.useRef(!1), ke = I.useRef(!L), Fe = I.useRef(0), J = I.useRef(null), lt = I.useRef(((_ = J.current) == null ? void 0 : _.getBoundingClientRect().height) || 0), nt = I.useRef(((T = J.current) == null ? void 0 : T.getBoundingClientRect().width) || 0), gt = I.useRef(0), K1 = I.useCallback((ee) => {
+  }), [V, B] = I.useState(!1), [Q, me] = I.useState(!1), [be, z] = I.useState(!1), W = I.useRef(null), K = I.useRef(null), U = I.useRef(null), ne = I.useRef(null), O = I.useRef(null), X = I.useRef(!1), re = I.useRef(null), ie = I.useRef(0), fe = I.useRef(!1), ke = I.useRef(!L), Fe = I.useRef(0), J = I.useRef(null), lt = I.useRef(((_ = J.current) == null ? void 0 : _.getBoundingClientRect().height) || 0), nt = I.useRef(((T = J.current) == null ? void 0 : T.getBoundingClientRect().width) || 0), gt = I.useRef(0), K1 = I.useCallback((ee) => {
     i && ee === L1.length - 1 && (K.current = /* @__PURE__ */ new Date());
   }, []), { activeSnapPoint: At, activeSnapPointIndex: a1, setActiveSnapPoint: Yn, onRelease: Ha, snapPointsOffset: L1, onDrag: Jr, shouldFade: Va, getPercentageDragged: Qn } = Fme({
     snapPoints: i,
@@ -41543,7 +41543,7 @@ function Wme({ open: e, onOpenChange: t, children: a, onDrag: n, onRelease: o, s
     snapToSequentialPoint: j
   });
   Dme({
-    isDisabled: !G || Q || !g || Ce || !V || !D || !N
+    isDisabled: !G || Q || !g || be || !V || !D || !N
   });
   const { restorePositionSetting: Jn } = Ume({
     isOpen: G,
@@ -42022,7 +42022,7 @@ const ks = p.forwardRef(
         ...i,
         children: [
           t,
-          a && /* @__PURE__ */ l.jsx(hp, { className: "absolute top-3 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 data-[state=open]:color-bg-default-selected data-[state=open]:color-text-default", children: /* @__PURE__ */ l.jsx(Le, { name: "X", className: "h-5 w-5" }) })
+          a && /* @__PURE__ */ l.jsx(hp, { className: "absolute top-3 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 data-[state=open]:color-bg-default-selected data-[state=open]:color-text-default", children: /* @__PURE__ */ l.jsx(Ce, { name: "X", className: "h-5 w-5" }) })
         ]
       }
     ) })
@@ -42102,7 +42102,7 @@ const Ms = p.forwardRef(
             {
               onClick: () => o == null ? void 0 : o(!1),
               className: "absolute top-3 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 data-[state=open]:color-bg-default-selected data-[state=open]:color-text-default",
-              children: /* @__PURE__ */ l.jsx(Le, { name: "X", className: "h-5 w-5" })
+              children: /* @__PURE__ */ l.jsx(Ce, { name: "X", className: "h-5 w-5" })
             }
           )
         ]
@@ -42403,7 +42403,7 @@ const lke = ({
   content: i,
   size: s
 }) => {
-  const c = be(null), f = () => {
+  const c = Le(null), f = () => {
     c.current && c.current.click();
   };
   return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
@@ -42486,7 +42486,7 @@ const lke = ({
     }
   )
 ), uke = ({ content: e }) => {
-  const [t, a] = ve(0), n = be(null);
+  const [t, a] = ve(0), n = Le(null);
   return Ne(() => {
     e && n.current ? a(n.current.scrollHeight) : a(0);
   }, [e]), /* @__PURE__ */ l.jsx(
@@ -42622,7 +42622,7 @@ const lke = ({
               /* @__PURE__ */ l.jsxs("span", { className: "inline-flex gap-2 items-center", children: [
                 i,
                 u && /* @__PURE__ */ l.jsx(
-                  Le,
+                  Ce,
                   {
                     name: "LoaderCircle",
                     size: "sm",
@@ -42733,7 +42733,7 @@ const mke = Lt(
               {
                 ref: f,
                 className: "absolute right-4 top-3 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 data-[state=open]:color-bg-default-selected data-[state=open]:color-text-default",
-                children: n && /* @__PURE__ */ l.jsx(Le, { name: "X", className: "h-5 w-5" })
+                children: n && /* @__PURE__ */ l.jsx(Ce, { name: "X", className: "h-5 w-5" })
               }
             ),
             i
@@ -42812,7 +42812,7 @@ const uxe = ({
     hideCloseButton: n === "X",
     children: [
       a && /* @__PURE__ */ l.jsx(bp, { className: s, children: /* @__PURE__ */ l.jsxs(Lp, { className: "text-heading-sm inline-flex gap-2 items-center", children: [
-        n && (n !== "X" ? /* @__PURE__ */ l.jsx(Le, { name: n, size: "md" }) : /* @__PURE__ */ l.jsx(pke, { className: "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 data-[state=open]:color-bg-default-selected data-[state=open]:color-text-default", children: /* @__PURE__ */ l.jsx(Le, { name: n, size: "md" }) })),
+        n && (n !== "X" ? /* @__PURE__ */ l.jsx(Ce, { name: n, size: "md" }) : /* @__PURE__ */ l.jsx(pke, { className: "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 data-[state=open]:color-bg-default-selected data-[state=open]:color-text-default", children: /* @__PURE__ */ l.jsx(Ce, { name: n, size: "md" }) })),
         a
       ] }) }),
       o
@@ -43066,7 +43066,7 @@ const gxe = ({
                   "gap-2": !y.icon
                 }),
                 children: [
-                  y.icon === void 0 && y.avatar === void 0 ? null : y.icon ? /* @__PURE__ */ l.jsx(Le, { size: "sm", name: y.icon, className: "min-w-fit" }) : y.avatar ? /* @__PURE__ */ l.jsx(
+                  y.icon === void 0 && y.avatar === void 0 ? null : y.icon ? /* @__PURE__ */ l.jsx(Ce, { size: "sm", name: y.icon, className: "min-w-fit" }) : y.avatar ? /* @__PURE__ */ l.jsx(
                     zo,
                     {
                       size: "lg",
@@ -43152,7 +43152,7 @@ const vxe = ({
   ...s
 }) => /* @__PURE__ */ l.jsxs(zp, { variant: a, className: o, ...s, children: [
   /* @__PURE__ */ l.jsx(
-    Le,
+    Ce,
     {
       size: "md",
       name: n,
@@ -60266,7 +60266,7 @@ function Pge(e) {
 }
 function ad(e, t) {
   t === void 0 && (t = 0);
-  var a = ve(e), n = a[0], o = a[1], i = be(null);
+  var a = ve(e), n = a[0], o = a[1], i = Le(null);
   function s(c) {
     return new Promise(function(f) {
       var d;
@@ -60284,7 +60284,7 @@ function Ege() {
   };
 }
 function fy() {
-  var e = be({}), t = zge();
+  var e = Le({}), t = zge();
   return Ke(function() {
     var a = parseFloat("" + t);
     return !t || Number.isNaN(a) ? e.current : Vr.reduce(function(n, o) {
@@ -60308,7 +60308,7 @@ function Vge(e) {
   }, [e]);
 }
 function Oge(e) {
-  var t = e.children, a = fy(), n = Mge(), o = Tge(), i = be(ln), s = be(!1), c = be(!1), f = be(a), d = ad(Date.now(), 200), u = ad("", 100), h = ve(!1), y = ve(n), m = ve(null), v = ve(/* @__PURE__ */ new Set()), k = ve(null), g = ve(o), M = ve(!1), w = M[0], x = M[1];
+  var t = e.children, a = fy(), n = Mge(), o = Tge(), i = Le(ln), s = Le(!1), c = Le(!1), f = Le(a), d = ad(Date.now(), 200), u = ad("", 100), h = ve(!1), y = ve(n), m = ve(null), v = ve(/* @__PURE__ */ new Set()), k = ve(null), g = ve(o), M = ve(!1), w = M[0], x = M[1];
   return Vge(x), P(jt.Provider, {
     value: {
       activeCategoryState: m,
@@ -60437,7 +60437,7 @@ function bn() {
   return document.activeElement;
 }
 function Zge(e) {
-  var t = e.children, a = be(null), n = be(null), o = be(null), i = be(null), s = be(null), c = be(null), f = be(null), d = be(null);
+  var t = e.children, a = Le(null), n = Le(null), o = Le(null), i = Le(null), s = Le(null), c = Le(null), f = Le(null), d = Le(null);
   return P(yy.Provider, {
     value: {
       AnchoredEmojiRef: n,
@@ -61412,7 +61412,7 @@ function Fy(e) {
   return e.imgUrl !== void 0;
 }
 function Gy(e, t) {
-  var a = be(), n = Cy(), o = qge(), i = Ra(), s = i[1], c = Q1(), f = _s(), d = f[0], u = bge(t), h = ly(), y = h[1], m = Y1(), v = W1(), k = Ve(function(x) {
+  var a = Le(), n = Cy(), o = qge(), i = Ra(), s = i[1], c = Q1(), f = _s(), d = f[0], u = bge(t), h = ly(), y = h[1], m = Y1(), v = W1(), k = Ve(function(x) {
     if (!o.current) {
       c();
       var C = dd(x), L = C[0], N = C[1];
@@ -61886,7 +61886,7 @@ function nMe(e) {
   })) : null;
 }
 function oMe() {
-  var e = ry(), t = be(0);
+  var e = ry(), t = Le(0);
   return P("ul", {
     className: pe(iMe.emojiList)
   }, e.map(function(a) {
@@ -62836,7 +62836,7 @@ function WMe(e) {
 }
 const Mxe = Et(
   ({ handleEmojiClick: e, handleAvatarInput: t, onRemove: a, className: n, ...o }, i) => {
-    const [s, c] = ve("emojiPicker"), f = be(null), d = () => {
+    const [s, c] = ve("emojiPicker"), f = Le(null), d = () => {
       f.current && f.current.click();
     };
     return /* @__PURE__ */ l.jsx("div", { ref: i, className: n, ...o, children: /* @__PURE__ */ l.jsxs(
@@ -63129,7 +63129,7 @@ var Xa = '[cmdk-group=""]', F2 = '[cmdk-group-items=""]', owe = '[cmdk-group-hea
   }
   let Q = () => q(G().length - 1), me = (z) => {
     z.preventDefault(), z.metaKey ? Q() : z.altKey ? B(1) : V(1);
-  }, Ce = (z) => {
+  }, be = (z) => {
     z.preventDefault(), z.metaKey ? q(0) : z.altKey ? B(-1) : V(-1);
   };
   return p.createElement(Y.div, { ref: t, tabIndex: -1, ...M, "cmdk-root": "", onKeyDown: (z) => {
@@ -63148,11 +63148,11 @@ var Xa = '[cmdk-group=""]', F2 = '[cmdk-group-items=""]', owe = '[cmdk-group-hea
       }
       case "p":
       case "k": {
-        g && z.ctrlKey && Ce(z);
+        g && z.ctrlKey && be(z);
         break;
       }
       case "ArrowUp": {
-        Ce(z);
+        be(z);
         break;
       }
       case "Home": {
@@ -63459,7 +63459,7 @@ const xwe = ({ duration: e, variant: t }) => {
         "bottom-0 right-0": t === "bottom-right",
         "bottom-0 left-0": t === "bottom-left",
         "top-0 left-1/2 -translate-x-1/2": t === "center-top",
-        "bottom-0 left-1/2 -translate-x-1/2": t === "center-bottom"
+        "bottom-0 left-1/2 -translate-x-1/2 items-center": t === "center-bottom"
       },
       e
     ),
@@ -63475,7 +63475,8 @@ const bwe = Lt(
         default: "default group color-bg-default-inverse color-text-inverse dark:text-[#363B3F]",
         secondary: "secondary group color-bg-secondary color-text-default color-border-default",
         danger: "danger group color-bg-danger-light color-text-danger color-border-danger",
-        success: "success group color-bg-success-light color-text-success color-border-default"
+        success: "success group color-bg-success-light color-text-success color-border-default",
+        mini: "default group color-bg-default-inverse color-text-inverse dark:text-[#363B3F] !p-3 !gap-2 !w-fit !space-x-0 !rounded-[8px]"
       },
       position: {
         "top-right": "data-[state=open]:slide-in-from-top-full data-[state=closed]:slide-out-to-right-full data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)]",
@@ -63490,24 +63491,41 @@ const bwe = Lt(
       variant: "default"
     }
   }
-), l6 = p.forwardRef(({ className: e, variant: t, position: a, duration: n, hasIcon: o = !1, ...i }, s) => /* @__PURE__ */ l.jsxs(
-  H3,
-  {
-    ref: s,
-    className: S(bwe({ variant: t, position: a }), e),
-    ...i,
-    children: [
-      o && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-        t === "danger" && /* @__PURE__ */ l.jsx(Le, { name: "CircleX", className: "min-w-5 aspect-square" }),
-        t === "success" && /* @__PURE__ */ l.jsx(Le, { name: "CircleCheck", className: "min-w-5 aspect-square" }),
-        t === "default" && /* @__PURE__ */ l.jsx(Le, { name: "TriangleAlert", className: "min-w-5 aspect-square" }),
-        t === "secondary" && /* @__PURE__ */ l.jsx(Le, { name: "Info", className: "min-w-5 aspect-square" })
-      ] }),
-      i.children,
-      /* @__PURE__ */ l.jsx(xwe, { duration: n || 3e3, variant: t || "default" })
-    ]
-  }
-));
+), l6 = p.forwardRef(
+  ({
+    className: e,
+    variant: t,
+    position: a,
+    duration: n,
+    hasIcon: o = !1,
+    customIcon: i,
+    ...s
+  }, c) => /* @__PURE__ */ l.jsxs(
+    H3,
+    {
+      ref: c,
+      className: S(bwe({ variant: t, position: a }), e),
+      ...s,
+      children: [
+        o && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+          t === "danger" && /* @__PURE__ */ l.jsx(Ce, { name: "CircleX", className: "min-w-5 aspect-square" }),
+          t === "success" && /* @__PURE__ */ l.jsx(Ce, { name: "CircleCheck", className: "min-w-5 aspect-square" }),
+          t === "default" && /* @__PURE__ */ l.jsx(Ce, { name: "TriangleAlert", className: "min-w-5 aspect-square" }),
+          t === "secondary" && /* @__PURE__ */ l.jsx(Ce, { name: "Info", className: "min-w-5 aspect-square" })
+        ] }),
+        i && /* @__PURE__ */ l.jsx(Ce, { name: i, className: "w-4 aspect-square" }),
+        s.children,
+        t !== "mini" && /* @__PURE__ */ l.jsx(
+          xwe,
+          {
+            duration: n || 3e3,
+            variant: t || "default"
+          }
+        )
+      ]
+    }
+  )
+);
 l6.displayName = H3.displayName;
 const Lwe = p.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ l.jsx(
   q3,
@@ -63539,7 +63557,7 @@ const u6 = p.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ l.jsx(
     ),
     "toast-close": "",
     ...t,
-    children: /* @__PURE__ */ l.jsx(Le, { name: "X", className: "w-4 h-4" })
+    children: /* @__PURE__ */ l.jsx(Ce, { name: "X", className: "w-4 h-4" })
   }
 ));
 u6.displayName = B3.displayName;
@@ -63654,9 +63672,10 @@ function Twe() {
 }
 const Nxe = ({
   position: e = "top-right",
-  duration: t = 5e3
+  duration: t = 5e3,
+  customIcon: a
 }) => {
-  const { toasts: a } = Twe(), n = Ke(() => {
+  const { toasts: n } = Twe(), o = Ke(() => {
     switch (e) {
       case "top-right":
         return "right";
@@ -63674,35 +63693,36 @@ const Nxe = ({
         return "right";
     }
   }, [e]);
-  return /* @__PURE__ */ l.jsxs(Cwe, { swipeDirection: n, duration: t, children: [
-    a.map(function({
-      id: o,
-      title: i,
-      description: s,
-      action: c,
-      variant: f,
-      hasIcon: d,
-      ...u
+  return /* @__PURE__ */ l.jsxs(Cwe, { swipeDirection: o, duration: t, children: [
+    n.map(function({
+      id: i,
+      title: s,
+      description: c,
+      action: f,
+      variant: d,
+      hasIcon: u,
+      ...h
     }) {
       return /* @__PURE__ */ l.jsxs(
         l6,
         {
-          ...u,
-          variant: f,
+          ...h,
+          variant: d,
           position: e,
           className: "justify-start relative",
           duration: t,
-          hasIcon: d,
+          hasIcon: u,
+          customIcon: a,
           children: [
             /* @__PURE__ */ l.jsxs("div", { className: "grid gap-1 ", children: [
-              i && /* @__PURE__ */ l.jsx(h6, { children: i }),
-              s && /* @__PURE__ */ l.jsx(p6, { children: s })
+              s && /* @__PURE__ */ l.jsx(h6, { children: s }),
+              c && /* @__PURE__ */ l.jsx(p6, { children: c })
             ] }),
-            c,
-            /* @__PURE__ */ l.jsx(u6, {})
+            f,
+            d !== "mini" && /* @__PURE__ */ l.jsx(u6, {})
           ]
         },
-        o
+        i
       );
     }),
     /* @__PURE__ */ l.jsx(d6, { position: e })
@@ -63730,7 +63750,7 @@ const Nxe = ({
 }, Sxe = () => {
   const { theme: e, toggleTheme: t } = zwe();
   return /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ l.jsx(Le, { name: "Sun", size: "sm" }),
+    /* @__PURE__ */ l.jsx(Ce, { name: "Sun", size: "sm" }),
     /* @__PURE__ */ l.jsx(
       Yi,
       {
@@ -63739,7 +63759,7 @@ const Nxe = ({
         "aria-label": "Toggle theme"
       }
     ),
-    /* @__PURE__ */ l.jsx(Le, { name: "Moon", size: "sm" })
+    /* @__PURE__ */ l.jsx(Ce, { name: "Moon", size: "sm" })
   ] });
 }, m6 = ({
   direction: e = "horizontal",
@@ -63777,7 +63797,7 @@ var Bi = /* @__PURE__ */ ((e) => (e.LIST = "LIST", e.CARD = "CARD", e))(Bi || {}
 const Dwe = ({
   delay: e = 2e3
 }) => {
-  const [t, a] = ve(!1), [n, o] = ve(!1), i = be(null), s = Ve(() => {
+  const [t, a] = ve(!1), [n, o] = ve(!1), i = Le(null), s = Ve(() => {
     i.current && clearTimeout(i.current), i.current = setTimeout(() => {
       a(!0), o(!0);
     }, e);
@@ -63880,7 +63900,7 @@ export {
   ar as IconButton,
   Z1 as Label,
   Bi as LayoutModes,
-  Le as LucideIcon,
+  Ce as LucideIcon,
   Ls as Popover,
   pxe as PopoverAnchor,
   yxe as PopoverClose,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse/ui",
-  "version": "4.1.6-patch-5",
+  "version": "4.1.6-patch-6",
   "files": [
     "/dist"
   ],