@fileverse/ui 4.0.6 → 4.0.7

package/dist/index.css

@@ -2133,6 +2133,25 @@ video {
   padding: 0 !important;
 }
 
+input:is(:-webkit-autofill, :-webkit-autofill), textarea:is(:-webkit-autofill, :-webkit-autofill) {
+  -webkit-transition:
+    background-color 0s 600000s,
+    color 0s 600000s !important;
+  transition:
+    background-color 0s 600000s,
+    color 0s 600000s !important;
+}
+
+input:is(:-webkit-autofill, :autofill),
+textarea:is(:-webkit-autofill, :autofill) {
+  -webkit-transition:
+    background-color 0s 600000s,
+    color 0s 600000s !important;
+  transition:
+    background-color 0s 600000s,
+    color 0s 600000s !important;
+}
+
 .file\:text-body-sm::file-selector-button {
     font-family: system-ui;
     font-size: 14px;

package/dist/index.es.d.ts

@@ -211,7 +211,7 @@ export declare interface DynamicAlertProps {
     className?: string;
 }
 
-export declare const DynamicContentController: ({ label, description, checked, onChange, size, }: DynamicContentControllerProps) => JSX_2.Element;
+export declare const DynamicContentController: ForwardRefExoticComponent<DynamicContentControllerProps & RefAttributes<HTMLDivElement>>;
 
 export declare interface DynamicContentControllerProps {
     label: string;

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import * as y from "react";
-import R, { forwardRef as Ee, createElement as me, useLayoutEffect as Ia, useEffect as Se, createContext as Et, useContext as Le, useRef as fe, useInsertionEffect as r0, useCallback as Ge, useMemo as Ct, Fragment as Un, useId as fo, Component as z4, useState as Ze, cloneElement as Yn, Children as Yt, isValidElement as Ta, useReducer as E4 } from "react";
+import R, { forwardRef as Le, createElement as me, useLayoutEffect as Ia, useEffect as Se, createContext as Et, useContext as ze, useRef as fe, useInsertionEffect as r0, useCallback as Ge, useMemo as Ct, Fragment as Un, useId as fo, Component as z4, useState as Ze, cloneElement as Yn, Children as Yt, isValidElement as Ta, useReducer as E4 } from "react";
 import * as Oa from "react-dom";
 import o0, { flushSync as i0 } from "react-dom";
 var hn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
@@ -3114,7 +3114,7 @@ const My = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
  * See the LICENSE file in the root directory of this source tree.
  */
 const o = (e, t) => {
-  const a = Ee(
+  const a = Le(
     ({
       color: n = "currentColor",
       size: r = 24,
@@ -25055,7 +25055,7 @@ const sE = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   defaultVariants: {
     size: "md"
   }
-}), ze = Ee(
+}), Ee = Le(
   ({ name: e, className: t, size: a, strokeWidth: n, fill: r, stroke: i, ...s }, c) => {
     const l = lE[e];
     return l ? /* @__PURE__ */ h.jsx(
@@ -25072,7 +25072,7 @@ const sE = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     ) : null;
   }
 );
-ze.displayName = "LucideIcon";
+Ee.displayName = "LucideIcon";
 const hE = kt(
   "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",
   {
@@ -25120,7 +25120,7 @@ const hE = kt(
       onClick: c,
       ...u,
       children: l ? /* @__PURE__ */ h.jsx(
-        ze,
+        Ee,
         {
           name: "LoaderCircle",
           size: a === "sm" ? "sm" : "md",
@@ -25130,7 +25130,7 @@ const hE = kt(
         }
       ) : /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
         n && /* @__PURE__ */ h.jsx("span", { className: "start-adornment", children: /* @__PURE__ */ h.jsx(
-          ze,
+          Ee,
           {
             size: a === "sm" ? "sm" : "md",
             name: i,
@@ -25141,7 +25141,7 @@ const hE = kt(
         ) }),
         u.children,
         r && /* @__PURE__ */ h.jsx("span", { className: "end-adornment", children: /* @__PURE__ */ h.jsx(
-          ze,
+          Ee,
           {
             size: a === "sm" ? "sm" : "md",
             name: s,
@@ -25158,7 +25158,7 @@ x1.displayName = "Button";
 const dU = ({ children: e, className: t }) => {
   const a = z("flex space-x-2", t);
   return /* @__PURE__ */ h.jsx("div", { className: a, children: e });
-}, vo = Ee(
+}, vo = Le(
   ({
     icon: e,
     variant: t,
@@ -25198,7 +25198,7 @@ const dU = ({ children: e, className: t }) => {
       size: a,
       ...c,
       children: /* @__PURE__ */ h.jsx(
-        ze,
+        Ee,
         {
           "data-testid": "icon",
           "data-role": "icon",
@@ -27792,7 +27792,7 @@ function O1(e) {
 const il = Et({});
 let hs = !1;
 function MD(e, t, a, n, r) {
-  const { visualElement: i } = Le(or), s = Le(nl), c = Le(ir), l = Le(zo).reducedMotion, d = fe();
+  const { visualElement: i } = ze(or), s = ze(nl), c = ze(ir), l = ze(zo).reducedMotion, d = fe();
   n = n || s.renderer, !d.current && n && (d.current = n(e, {
     visualState: t,
     parent: i,
@@ -27801,7 +27801,7 @@ function MD(e, t, a, n, r) {
     blockInitialAnimation: c ? c.initial === !1 : !1,
     reducedMotionConfig: l
   }));
-  const u = d.current, p = Le(il);
+  const u = d.current, p = ze(il);
   u && !u.projection && r && (u.type === "html" || u.type === "svg") && CD(d.current, a, r, p), r0(() => {
     u && u.update(a, c);
   });
@@ -27884,7 +27884,7 @@ function AD(e, t) {
   return e.inherit !== !1 ? t : {};
 }
 function jD(e) {
-  const { initial: t, animate: a } = AD(e, Le(or));
+  const { initial: t, animate: a } = AD(e, ze(or));
   return Ct(() => ({ initial: t, animate: a }), [us(t), us(a)]);
 }
 function us(e) {
@@ -27934,7 +27934,7 @@ function TD({ preloadedFeatures: e, createVisualElement: t, useRender: a, useVis
   function i(c, l) {
     let d;
     const u = {
-      ...Le(zo),
+      ...ze(zo),
       ...c,
       layoutId: HD(c)
     }, { isStatic: p } = u, f = jD(c), k = n(c, p);
@@ -27945,15 +27945,15 @@ function TD({ preloadedFeatures: e, createVisualElement: t, useRender: a, useVis
     }
     return h.jsxs(or.Provider, { value: f, children: [d && f.visualElement ? h.jsx(d, { visualElement: f.visualElement, ...u }) : null, a(r, c, bD(k, f.visualElement, l), k, p, f.visualElement)] });
   }
-  const s = Ee(i);
+  const s = Le(i);
   return s[PD] = r, s;
 }
 function HD({ layoutId: e }) {
-  const t = Le(Oo).id;
+  const t = ze(Oo).id;
   return t && e !== void 0 ? t + "-" + e : e;
 }
 function RD(e, t) {
-  const a = Le(nl).strict;
+  const a = ze(nl).strict;
   if (process.env.NODE_ENV !== "production" && t && a) {
     const n = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
     e.ignoreStrict ? ra(!1, n) : Nt(!1, n);
@@ -28441,7 +28441,7 @@ function sN({ applyWillChange: e = !1, scrapeMotionValuesFromProps: t, createRen
   return n && (l.mount = (d) => n(r, d, l)), l;
 }
 const Cl = (e) => (t, a) => {
-  const n = Le(or), r = Le(ir), i = () => sN(e, t, n, r, a);
+  const n = ze(or), r = ze(ir), i = () => sN(e, t, n, r, a);
   return a ? i() : xl(i);
 };
 function cN(e, t) {
@@ -31064,7 +31064,7 @@ class IO extends r1 {
   }
 }
 function OO() {
-  const e = Le(ir);
+  const e = ze(ir);
   if (e === null)
     return [!0, null];
   const { isPresent: t, onExitComplete: a, register: n } = e, r = fo();
@@ -31151,8 +31151,8 @@ class FO extends z4 {
   }
 }
 function md(e) {
-  const [t, a] = OO(), n = Le(Oo);
-  return h.jsx(FO, { ...e, layoutGroup: n, switchLayoutGroup: Le(il), isPresent: t, safeToRemove: a });
+  const [t, a] = OO(), n = ze(Oo);
+  return h.jsx(FO, { ...e, layoutGroup: n, switchLayoutGroup: ze(il), isPresent: t, safeToRemove: a });
 }
 const ZO = {
   borderRadius: {
@@ -32304,7 +32304,7 @@ function IB({ children: e, isPresent: t }) {
     height: 0,
     top: 0,
     left: 0
-  }), { nonce: i } = Le(zo);
+  }), { nonce: i } = ze(zo);
   return r0(() => {
     const { width: s, height: c, top: l, left: d } = r.current;
     if (t || !n.current || !s || !c)
@@ -32374,7 +32374,7 @@ function ZB(e) {
 }
 const WB = ({ children: e, custom: t, initial: a = !0, onExitComplete: n, exitBeforeEnter: r, presenceAffectsLayout: i = !0, mode: s = "sync" }) => {
   Nt(!r, "Replace exitBeforeEnter with mode='wait'");
-  const c = Le(Oo).forceRender || DB()[0], l = Td(), d = ZB(e);
+  const c = ze(Oo).forceRender || DB()[0], l = Td(), d = ZB(e);
   let u = d;
   const p = fe(/* @__PURE__ */ new Map()).current, f = fe(u), k = fe(/* @__PURE__ */ new Map()).current, m = fe(!0);
   if (Vo(() => {
@@ -32482,7 +32482,7 @@ const WB = ({ children: e, custom: t, initial: a = !0, onExitComplete: n, exitBe
             duration: 0.1,
             ease: "easeInOut"
           },
-          className: z("z-[999]", {
+          className: z("z-[999] absolute", {
             hidden: !a
           }),
           children: /* @__PURE__ */ h.jsxs(
@@ -32534,7 +32534,7 @@ const _B = kt(
       ref: n,
       children: [
         a.icon && /* @__PURE__ */ h.jsx(
-          ze,
+          Ee,
           {
             name: a.icon,
             size: "sm",
@@ -33834,7 +33834,7 @@ const eF = {
   defaultVariants: {
     size: "md"
   }
-}), yr = Ee(
+}), yr = Le(
   ({
     name: e,
     size: t = "md",
@@ -36872,9 +36872,9 @@ function JW(e, t) {
 var QW = uu, Bu = yu, $W = ku, _W = vu, eK = mu, Fu = gu, tK = Cu, aK = Au, Zu = Su, Wu = Tu, nK = Hu, rK = qu, Ku = Lu, Gu = zu, Xu = Vu;
 const oK = R.forwardRef(({ children: e, size: t, liked: a, onLike: n, onClick: r, ...i }, s) => {
   const c = [
-    /* @__PURE__ */ h.jsx("div", { children: /* @__PURE__ */ h.jsx(ze, { name: "Share", size: "md" }) }),
+    /* @__PURE__ */ h.jsx("div", { children: /* @__PURE__ */ h.jsx(Ee, { name: "Share", size: "md" }) }),
     /* @__PURE__ */ h.jsx("div", { onClick: n, children: /* @__PURE__ */ h.jsx(
-      ze,
+      Ee,
       {
         name: "Heart",
         size: "md",
@@ -36959,9 +36959,9 @@ const wn = {
         (k) => wn[k] === e
       )
     ), f = [
-      /* @__PURE__ */ h.jsx("div", { children: /* @__PURE__ */ h.jsx(ze, { fill: "none", name: "Square", size: "sm" }) }),
-      /* @__PURE__ */ h.jsx("div", { children: /* @__PURE__ */ h.jsx(ze, { fill: "none", name: "RectangleHorizontal" }) }),
-      /* @__PURE__ */ h.jsx("div", { children: /* @__PURE__ */ h.jsx(ze, { fill: "none", name: "Square", size: "md" }) })
+      /* @__PURE__ */ h.jsx("div", { children: /* @__PURE__ */ h.jsx(Ee, { fill: "none", name: "Square", size: "sm" }) }),
+      /* @__PURE__ */ h.jsx("div", { children: /* @__PURE__ */ h.jsx(Ee, { fill: "none", name: "RectangleHorizontal" }) }),
+      /* @__PURE__ */ h.jsx("div", { children: /* @__PURE__ */ h.jsx(Ee, { fill: "none", name: "Square", size: "md" }) })
     ];
     return Se(() => {
       d(wn[u]), r == null || r(wn[u]);
@@ -37177,7 +37177,7 @@ const jU = (e) => /* @__PURE__ */ h.jsx(Vh, { children: /* @__PURE__ */ h.jsx(Oh
         {
           onClick: () => r(yo.LIST),
           "data-testid": "list-mode-button",
-          children: /* @__PURE__ */ h.jsx(ze, { fill: "none", name: "List" })
+          children: /* @__PURE__ */ h.jsx(Ee, { fill: "none", name: "List" })
         }
       ),
       /* @__PURE__ */ h.jsx(
@@ -37185,7 +37185,7 @@ const jU = (e) => /* @__PURE__ */ h.jsx(Vh, { children: /* @__PURE__ */ h.jsx(Oh
         {
           onClick: () => r(yo.CARD),
           "data-testid": "card-mode-button",
-          children: /* @__PURE__ */ h.jsx(ze, { fill: "none", name: "LayoutGrid" })
+          children: /* @__PURE__ */ h.jsx(Ee, { fill: "none", name: "LayoutGrid" })
         }
       )
     ], { onMouseEnter: p, onMouseLeave: f, isActive: k } = iU({});
@@ -39030,7 +39030,7 @@ const gG = ({
     ),
     /* @__PURE__ */ h.jsx(WB, { initial: !1, children: i && n === r && /* @__PURE__ */ h.jsx(xG, { content: i }) })
   ] });
-}, LU = Ee(
+}, LU = Le(
   ({ items: e, className: t, size: a = "lg", content: n, selectedValue: r, setSelectedValue: i }, s) => !e || e.length === 0 ? null : /* @__PURE__ */ h.jsx(
     Dp,
     {
@@ -39068,13 +39068,7 @@ const gG = ({
       children: /* @__PURE__ */ h.jsx("div", { className: "p-4 flex flex-col gap-4", children: e })
     }
   );
-}, zU = ({
-  label: e,
-  description: t,
-  checked: a,
-  onChange: n,
-  size: r = "lg"
-}) => /* @__PURE__ */ h.jsxs("div", { className: "flex flex-col gap-2 w-full", children: [
+}, zU = Le(({ label: e, description: t, checked: a, onChange: n, size: r = "lg" }, i) => /* @__PURE__ */ h.jsxs("div", { className: "flex flex-col gap-2 w-full", ref: i, children: [
   /* @__PURE__ */ h.jsxs("div", { className: "flex justify-between items-center", children: [
     /* @__PURE__ */ h.jsx(
       H1,
@@ -39106,7 +39100,7 @@ const gG = ({
       children: t
     }
   )
-] }), EU = R.forwardRef(
+] })), EU = R.forwardRef(
   ({
     isActive: e,
     isCompleted: t,
@@ -39195,7 +39189,7 @@ const gG = ({
               /* @__PURE__ */ h.jsxs("span", { className: "inline-flex gap-2 items-center", children: [
                 i,
                 u && /* @__PURE__ */ h.jsx(
-                  ze,
+                  Ee,
                   {
                     name: "LoaderCircle",
                     size: "sm",
@@ -39382,7 +39376,7 @@ const NU = ({
     dismissible: u,
     children: [
       /* @__PURE__ */ h.jsx(Bp, { className: s, children: /* @__PURE__ */ h.jsxs(Fp, { className: "text-body-sm-bold inline-flex gap-2 items-center", children: [
-        n && (n !== "X" ? /* @__PURE__ */ h.jsx(ze, { name: n, size: "md" }) : /* @__PURE__ */ h.jsx(wG, { 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__ */ h.jsx(ze, { name: n, size: "md" }) })),
+        n && (n !== "X" ? /* @__PURE__ */ h.jsx(Ee, { name: n, size: "md" }) : /* @__PURE__ */ h.jsx(wG, { 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__ */ h.jsx(Ee, { name: n, size: "md" }) })),
         a
       ] }) }),
       r
@@ -39545,7 +39539,7 @@ const RG = ({
           children: /* @__PURE__ */ h.jsxs(PG, { children: [
             t && /* @__PURE__ */ h.jsx(Yp, { children: t }),
             d.map((f) => /* @__PURE__ */ h.jsx(Jp, { value: f.value, children: /* @__PURE__ */ h.jsxs("div", { className: "flex gap-4 items-center", children: [
-              /* @__PURE__ */ h.jsx(ze, { size: "sm", name: f.icon, className: "min-w-fit" }),
+              /* @__PURE__ */ h.jsx(Ee, { size: "sm", name: f.icon, className: "min-w-fit" }),
               /* @__PURE__ */ h.jsxs("div", { className: "flex flex-col gap-2", children: [
                 /* @__PURE__ */ h.jsxs("span", { className: ue("flex items-center gap-2"), children: [
                   /* @__PURE__ */ h.jsx(H1, { className: "text-body-sm", children: f.label }),
@@ -39624,7 +39618,7 @@ function FG(e, t = []) {
       }, k);
     }
     function u(p, f) {
-      const k = (f == null ? void 0 : f[e][l]) || c, m = Le(k);
+      const k = (f == null ? void 0 : f[e][l]) || c, m = ze(k);
       if (m) return m;
       if (s !== void 0) return s;
       throw new Error(`\`${p}\` must be used within \`${i}\``);
@@ -39744,7 +39738,7 @@ function XG({ defaultProp: e, onChange: t }) {
     i
   ]), a;
 }
-const Oi = /* @__PURE__ */ Ee((e, t) => {
+const Oi = /* @__PURE__ */ Le((e, t) => {
   const { children: a, ...n } = e, r = Yt.toArray(a), i = r.find(YG);
   if (i) {
     const s = i.props.children, c = r.map((l) => l === i ? Yt.count(s) > 1 ? Yt.only(null) : /* @__PURE__ */ Ta(s) ? s.props.children : null : l);
@@ -39757,7 +39751,7 @@ const Oi = /* @__PURE__ */ Ee((e, t) => {
   }), a);
 });
 Oi.displayName = "Slot";
-const so = /* @__PURE__ */ Ee((e, t) => {
+const so = /* @__PURE__ */ Le((e, t) => {
   const { children: a, ...n } = e;
   return /* @__PURE__ */ Ta(a) ? /* @__PURE__ */ Yn(a, {
     ...JG(n, a.props),
@@ -39808,7 +39802,7 @@ const QG = [
   "svg",
   "ul"
 ], ut = QG.reduce((e, t) => {
-  const a = /* @__PURE__ */ Ee((n, r) => {
+  const a = /* @__PURE__ */ Le((n, r) => {
     const { asChild: i, ...s } = n, c = i ? Oi : t;
     return Se(() => {
       window[Symbol.for("radix-ui")] = !0;
@@ -39844,9 +39838,9 @@ const aX = /* @__PURE__ */ Et({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), nX = /* @__PURE__ */ Ee((e, t) => {
+}), nX = /* @__PURE__ */ Le((e, t) => {
   var a;
-  const { disableOutsidePointerEvents: n = !1, onEscapeKeyDown: r, onPointerDownOutside: i, onFocusOutside: s, onInteractOutside: c, onDismiss: l, ...d } = e, u = Le(aX), [p, f] = Ze(null), k = (a = p == null ? void 0 : p.ownerDocument) !== null && a !== void 0 ? a : globalThis == null ? void 0 : globalThis.document, [, m] = Ze({}), v = an(
+  const { disableOutsidePointerEvents: n = !1, onEscapeKeyDown: r, onPointerDownOutside: i, onFocusOutside: s, onInteractOutside: c, onDismiss: l, ...d } = e, u = ze(aX), [p, f] = Ze(null), k = (a = p == null ? void 0 : p.ownerDocument) !== null && a !== void 0 ? a : globalThis == null ? void 0 : globalThis.document, [, m] = Ze({}), v = an(
     t,
     (S) => f(S)
   ), g = Array.from(u.layers), [M] = [
@@ -39967,7 +39961,7 @@ function _p(e, t, a, { discrete: n }) {
 const g2 = "focusScope.autoFocusOnMount", x2 = "focusScope.autoFocusOnUnmount", Yc = {
   bubbles: !1,
   cancelable: !0
-}, iX = /* @__PURE__ */ Ee((e, t) => {
+}, iX = /* @__PURE__ */ Le((e, t) => {
   const { loop: a = !1, trapped: n = !1, onMountAutoFocus: r, onUnmountAutoFocus: i, ...s } = e, [c, l] = Ze(null), d = S1(r), u = S1(i), p = fe(null), f = an(
     t,
     (v) => l(v)
@@ -40134,7 +40128,7 @@ function uX(e) {
     (t) => t.tagName !== "A"
   );
 }
-const pX = /* @__PURE__ */ Ee((e, t) => {
+const pX = /* @__PURE__ */ Le((e, t) => {
   var a;
   const { container: n = globalThis == null || (a = globalThis.document) === null || a === void 0 ? void 0 : a.body, ...r } = e;
   return n ? /* @__PURE__ */ o0.createPortal(/* @__PURE__ */ me(ut.div, Xe({}, r, {
@@ -40467,14 +40461,14 @@ const i4 = "Dialog", [s4, BU] = FG(i4), [TX, R1] = s4(i4), HX = (e) => {
       container: r
     }, s))
   ));
-}, ho = "DialogOverlay", LX = /* @__PURE__ */ Ee((e, t) => {
+}, ho = "DialogOverlay", LX = /* @__PURE__ */ Le((e, t) => {
   const a = l4(ho, e.__scopeDialog), { forceMount: n = a.forceMount, ...r } = e, i = R1(ho, e.__scopeDialog);
   return i.modal ? /* @__PURE__ */ me(Hr, {
     present: n || i.open
   }, /* @__PURE__ */ me(zX, Xe({}, r, {
     ref: t
   }))) : null;
-}), zX = /* @__PURE__ */ Ee((e, t) => {
+}), zX = /* @__PURE__ */ Le((e, t) => {
   const { __scopeDialog: a, ...n } = e, r = R1(ho, a);
   return (
     // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
@@ -40495,7 +40489,7 @@ const i4 = "Dialog", [s4, BU] = FG(i4), [TX, R1] = s4(i4), HX = (e) => {
       }
     })))
   );
-}), Da = "DialogContent", EX = /* @__PURE__ */ Ee((e, t) => {
+}), Da = "DialogContent", EX = /* @__PURE__ */ Le((e, t) => {
   const a = l4(Da, e.__scopeDialog), { forceMount: n = a.forceMount, ...r } = e, i = R1(Da, e.__scopeDialog);
   return /* @__PURE__ */ me(Hr, {
     present: n || i.open
@@ -40504,7 +40498,7 @@ const i4 = "Dialog", [s4, BU] = FG(i4), [TX, R1] = s4(i4), HX = (e) => {
   })) : /* @__PURE__ */ me(DX, Xe({}, r, {
     ref: t
   })));
-}), VX = /* @__PURE__ */ Ee((e, t) => {
+}), VX = /* @__PURE__ */ Le((e, t) => {
   const a = R1(Da, e.__scopeDialog), n = fe(null), r = an(t, a.contentRef, n);
   return Se(() => {
     const i = n.current;
@@ -40526,7 +40520,7 @@ const i4 = "Dialog", [s4, BU] = FG(i4), [TX, R1] = s4(i4), HX = (e) => {
       (i) => i.preventDefault()
     )
   }));
-}), DX = /* @__PURE__ */ Ee((e, t) => {
+}), DX = /* @__PURE__ */ Le((e, t) => {
   const a = R1(Da, e.__scopeDialog), n = fe(!1), r = fe(!1);
   return /* @__PURE__ */ me(d4, Xe({}, e, {
     ref: t,
@@ -40547,7 +40541,7 @@ const i4 = "Dialog", [s4, BU] = FG(i4), [TX, R1] = s4(i4), HX = (e) => {
       ((c = a.triggerRef.current) === null || c === void 0 ? void 0 : c.contains(l)) && i.preventDefault(), i.detail.originalEvent.type === "focusin" && r.current && i.preventDefault();
     }
   }));
-}), d4 = /* @__PURE__ */ Ee((e, t) => {
+}), d4 = /* @__PURE__ */ Le((e, t) => {
   const { __scopeDialog: a, trapFocus: n, onOpenAutoFocus: r, onCloseAutoFocus: i, ...s } = e, c = R1(Da, a), l = fe(null), d = an(t, l);
   return kX(), /* @__PURE__ */ me(Un, null, /* @__PURE__ */ me(iX, {
     asChild: !0,
@@ -41189,7 +41183,7 @@ const FU = ({
   ...i
 }) => /* @__PURE__ */ h.jsxs(w4, { variant: a, className: r, ...i, children: [
   /* @__PURE__ */ h.jsx(
-    ze,
+    Ee,
     {
       size: "md",
       name: n,
@@ -41317,7 +41311,7 @@ export {
   vo as IconButton,
   H1 as Label,
   yo as LayoutModes,
-  ze as LucideIcon,
+  Ee as LucideIcon,
   rU as MultiSelect,
   Zp as Popover,
   IU as PopoverAnchor,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse/ui",
-  "version": "4.0.6",
+  "version": "4.0.7",
   "files": [
     "/dist"
   ],