@firecms/ui 3.0.0-beta.1 → 3.0.0-beta.2-pre.2

package/dist/index.es.js

@@ -18,17 +18,17 @@ import * as Wn from "react-dom";
 import * as Q from "@radix-ui/react-tooltip";
 import * as un from "@radix-ui/react-tabs";
 import * as J from "@radix-ui/react-popover";
-const A = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-transparent", yn = "focus:bg-opacity-70 focus:bg-slate-100 focus:dark:bg-gray-800 focus:dark:bg-opacity-60", pn = "z-30 outline-none ring-2 ring-primary ring-opacity-75 ring-offset-2 ring-offset-transparent ", z = "bg-opacity-50 bg-slate-200 dark:bg-gray-800 dark:bg-opacity-60 transition duration-150 ease-in-out", hn = "bg-opacity-0 bg-slate-100 dark:bg-gray-800 dark:bg-opacity-0 transition duration-150 ease-in-out", V = "bg-opacity-80 dark:bg-opacity-90", W = "hover:bg-opacity-70 dark:hover:bg-opacity-90", X = "border-gray-100 dark:border-gray-800 dark:border-opacity-80", j = "bg-white rounded-md dark:bg-gray-950 border dark:border-gray-800 dark:border-opacity-90 border-gray-100", zn = "bg-white rounded-md dark:bg-gray-950 dark:border-gray-800 dark:border-opacity-50 transition duration-200 ease-in-out m-1 -p-1 border border-transparent", qn = "hover:bg-blue-100 dark:hover:bg-blue-900 hover:bg-opacity-20 dark:hover:bg-opacity-20 hover:ring-2 cursor-pointer", qe = "bg-blue-100 dark:bg-blue-900 bg-opacity-30 dark:bg-opacity-10 ring-1 ring-primary ring-opacity-75";
+const A = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-transparent", yn = "focus:bg-opacity-70 focus:bg-slate-100 focus:dark:bg-gray-800 focus:dark:bg-opacity-60", pn = "z-30 outline-none ring-2 ring-primary ring-opacity-75 ring-offset-2 ring-offset-transparent ", z = "bg-opacity-50 bg-slate-200 dark:bg-gray-800 dark:bg-opacity-60 transition duration-150 ease-in-out", hn = "bg-opacity-0 bg-slate-100 dark:bg-gray-800 dark:bg-opacity-0 transition duration-150 ease-in-out", V = "bg-opacity-80 dark:bg-opacity-90", W = "hover:bg-opacity-70 dark:hover:bg-opacity-90", X = "border-gray-100 dark:border-gray-800 dark:border-opacity-80", j = "bg-white rounded-md dark:bg-gray-950 border dark:border-gray-800 dark:border-opacity-90 border-gray-100", zn = "bg-white rounded-md dark:bg-gray-950 dark:border-gray-800 dark:border-opacity-50 transition duration-200 ease-in-out m-1 -p-1 border border-transparent", qn = "hover:bg-primary-bg dark:hover:bg-primary-bg hover:bg-opacity-20 dark:hover:bg-opacity-20 hover:ring-2 hover:ring-primary cursor-pointer", qe = "bg-primary-bg dark:bg-primary-bg bg-opacity-30 dark:bg-opacity-10 ring-1 ring-primary ring-opacity-75";
 function _(...n) {
   return Rn(Mn(n));
 }
 function Vn(n, t = 166) {
   let r;
-  function c(...i) {
-    const a = () => {
-      n.apply(this, i);
+  function c(...a) {
+    const i = () => {
+      n.apply(this, a);
     };
-    clearTimeout(r), r = setTimeout(a, t);
+    clearTimeout(r), r = setTimeout(i, t);
   }
   return c.clear = () => {
     clearTimeout(r);
@@ -104,8 +104,8 @@ function Kn(n, t, r = !0) {
   M(() => {
     if (!r)
       return;
-    function c(i) {
-      gn(i.target) || n.current && !n.current.contains(i.target) && t();
+    function c(a) {
+      gn(a.target) || n.current && !n.current.contains(a.target) && t();
     }
     return document.addEventListener("mousedown", c), () => {
       document.removeEventListener("mousedown", c);
@@ -165,12 +165,12 @@ function Un({
   );
 }
 const je = ({ ref: n }) => {
-  const [t, r] = x.useState(!1), [c, i] = x.useState(!1);
+  const [t, r] = x.useState(!1), [c, a] = x.useState(!1);
   return x.useEffect(() => {
     n.current && (n.current.onfocus = () => {
-      r(!0), i(!0);
+      r(!0), a(!0);
     }, n.current.onblur = () => {
-      i(!1);
+      a(!1);
     });
   }, [n]), {
     inputFocused: c,
@@ -252,8 +252,8 @@ const Qn = (n) => {
   onDismiss: t,
   color: r = "info",
   size: c = "medium",
-  action: i,
-  className: a,
+  action: a,
+  className: i,
   style: u
 }) => {
   const l = Jn(r);
@@ -266,10 +266,10 @@ const Qn = (n) => {
         "w-full",
         "rounded-md flex items-center gap-2",
         l,
-        a
+        i
       ),
       children: [
-        /* @__PURE__ */ e("span", { className: "flex-grow", children: n }),
+        /* @__PURE__ */ e("div", { className: "flex-grow", children: n }),
         t && /* @__PURE__ */ e(
           "button",
           {
@@ -278,7 +278,7 @@ const Qn = (n) => {
             children: "×"
           }
         ),
-        i
+        a
       ]
     }
   );
@@ -287,14 +287,14 @@ const Qn = (n) => {
   alt: t,
   children: r,
   className: c,
-  style: i,
-  ...a
+  style: a,
+  ...i
 }, u) => /* @__PURE__ */ e(
   "button",
   {
     ref: u,
-    style: i,
-    ...a,
+    style: a,
+    ...i,
     className: _(
       "rounded-full flex items-center justify-center overflow-hidden",
       A,
@@ -329,8 +329,8 @@ const Qn = (n) => {
     value: t,
     allowIndeterminate: r,
     className: c,
-    onValueChange: i,
-    disabled: a = !1,
+    onValueChange: a,
+    disabled: i = !1,
     size: u = "medium",
     ...l
   }, s) {
@@ -338,14 +338,14 @@ const Qn = (n) => {
       "button",
       {
         ref: s,
-        tabIndex: a ? -1 : void 0,
-        onClick: a ? (f) => f.preventDefault() : (f) => {
-          f.preventDefault(), r ? t == null ? i?.(!0) : i?.(t ? !1 : null) : i?.(!t);
+        tabIndex: i ? -1 : void 0,
+        onClick: i ? (f) => f.preventDefault() : (f) => {
+          f.preventDefault(), r ? t == null ? a?.(!0) : a?.(t ? !1 : null) : a?.(!t);
         },
         className: _(
           u === "small" ? "w-[38px] h-[22px] min-w-[38px] min-h-[22px]" : "w-[42px] h-[26px] min-w-[42px] min-h-[26px]",
           "outline-none rounded-full relative shadow-sm",
-          t ? a ? "bg-white bg-opacity-54 dark:bg-slate-950 border-slate-100 dark:border-slate-700 ring-1 ring-slate-100 dark:ring-slate-700" : "ring-secondary ring-1 bg-secondary dark:bg-secondary" : "bg-white bg-opacity-54 dark:bg-slate-900 ring-1 ring-slate-100 dark:ring-slate-700",
+          t ? i ? "bg-white bg-opacity-54 dark:bg-slate-950 border-slate-100 dark:border-slate-700 ring-1 ring-slate-100 dark:ring-slate-700" : "ring-secondary ring-1 bg-secondary dark:bg-secondary" : "bg-white bg-opacity-54 dark:bg-slate-900 ring-1 ring-slate-100 dark:ring-slate-700",
           c
         ),
         ...l,
@@ -371,7 +371,7 @@ const Qn = (n) => {
             {
               className: _(
                 "block rounded-full transition-transform duration-100 transform will-change-auto",
-                a ? "bg-slate-300 dark:bg-slate-700" : t ? "bg-white" : "bg-slate-600 dark:bg-slate-400",
+                i ? "bg-slate-300 dark:bg-slate-700" : t ? "bg-white" : "bg-slate-600 dark:bg-slate-400",
                 {
                   "w-[21px] h-[21px]": u === "medium",
                   "w-[19px] h-[19px]": u === "small",
@@ -390,8 +390,8 @@ const Qn = (n) => {
   value: t,
   position: r = "end",
   invisible: c,
-  onValueChange: i,
-  error: a,
+  onValueChange: a,
+  error: i,
   label: u,
   autoFocus: l,
   disabled: s,
@@ -415,14 +415,14 @@ const Qn = (n) => {
         s ? "cursor-default" : "cursor-pointer",
         "rounded-md relative max-w-full justify-between w-full box-border relative inline-flex items-center",
         !c && k && !s ? pn : "",
-        a ? "text-red-500 dark:text-red-600" : k && !s ? "text-primary" : s ? "text-text-secondary dark:text-text-secondary-dark" : "text-text-primary dark:text-text-primary-dark",
+        i ? "text-red-500 dark:text-red-600" : k && !s ? "text-primary" : s ? "text-text-secondary dark:text-text-secondary-dark" : "text-text-primary dark:text-text-primary-dark",
         f === "small" ? "min-h-[40px]" : "min-h-[64px]",
         f === "small" ? "pl-2" : "pl-4",
         f === "small" ? "pr-4" : "pr-6",
         r === "end" ? "flex-row-reverse" : "flex-row"
       ),
       onClick: s ? void 0 : (P) => {
-        p.allowIndeterminate ? t == null ? i?.(!0) : i?.(t ? !1 : null) : i?.(!t);
+        p.allowIndeterminate ? t == null ? a?.(!0) : a?.(t ? !1 : null) : a?.(!t);
       },
       children: [
         /* @__PURE__ */ e(
@@ -450,8 +450,8 @@ function Yn({
   className: t,
   variant: r = "filled",
   disabled: c = !1,
-  size: i = "medium",
-  startIcon: a = null,
+  size: a = "medium",
+  startIcon: i = null,
   fullWidth: u = !1,
   component: l,
   ...s
@@ -463,24 +463,24 @@ function Yn({
       "border-transparent bg-primary hover:bg-primary-dark focus:ring-primary !text-white shadow hover:ring-1 hover:ring-primary": r === "filled" && !c,
       "border-transparent !text-primary !hover:text-primary-dark hover:bg-primary hover:bg-primary-bg": r === "text" && !c,
       "border-primary !text-primary hover:bg-primary-bg hover:border-primary-dark !hover:text-primary-dark focus:ring-primary hover:ring-1 hover:ring-primary": r === "outlined" && !c,
-      "border-primary-dark border-opacity-50 dark:border-blue-500 dark:border-opacity-50 opacity-50 !text-primary-dark !dark:text-blue-500 text-opacity-50 dark:text-opacity-50": r === "outlined" && c,
+      "border-primary-dark border-opacity-50 dark:border-primary dark:border-opacity-50 opacity-50 !text-primary-dark !dark:text-primary text-opacity-50 dark:text-opacity-50": r === "outlined" && c,
       "border-transparent outline-none opacity-50 !text-slate-600 !dark:text-slate-500": (r === "filled" || r === "text") && c
     }
   ), h = _(
     {
-      "py-1 px-2": i === "small",
-      "py-2 px-4": i === "medium",
-      "py-2.5 px-5": i === "large"
+      "py-1 px-2": a === "small",
+      "py-2 px-4": a === "medium",
+      "py-2.5 px-5": a === "large"
     }
   );
   return l ? /* @__PURE__ */ y(
     l,
     {
       onClick: s.onClick,
-      className: _(A, a ? "pl-3" : "", f, p, h, t),
+      className: _(A, i ? "pl-3" : "", f, p, h, t),
       ...s,
       children: [
-        a,
+        i,
         n
       ]
     }
@@ -489,11 +489,11 @@ function Yn({
     {
       type: s.type ?? "button",
       onClick: s.onClick,
-      className: _(A, a ? "pl-3" : "", f, p, h, t),
+      className: _(A, i ? "pl-3" : "", f, p, h, t),
       disabled: c,
       ...s,
       children: [
-        a,
+        i,
         n
       ]
     }
@@ -505,13 +505,13 @@ function Ye({
   onClick: r,
   className: c
 }) {
-  const i = cn((a) => {
-    (a.key === "Enter" || a.key === " ") && r?.();
+  const a = cn((i) => {
+    (i.key === "Enter" || i.key === " ") && r?.();
   }, [r]);
   return /* @__PURE__ */ e(
     "div",
     {
-      onKeyPress: i,
+      onKeyPress: a,
       role: r ? "button" : void 0,
       tabIndex: r ? 0 : void 0,
       onClick: r,
@@ -538,15 +538,15 @@ const Xn = {
   className: t,
   style: r,
   maxWidth: c = "7xl"
-}, i) => {
-  const a = c ? Xn[c] : "";
+}, a) => {
+  const i = c ? Xn[c] : "";
   return /* @__PURE__ */ e(
     "div",
     {
-      ref: i,
+      ref: a,
       className: _(
         "mx-auto px-3 md:px-4 lg-px-6",
-        a,
+        i,
         t
       ),
       style: r,
@@ -4123,8 +4123,8 @@ function o({
   size: t = "medium",
   color: r,
   className: c,
-  onClick: i,
-  style: a
+  onClick: a,
+  style: i
 }) {
   let u;
   switch (t) {
@@ -4149,7 +4149,7 @@ function o({
       style: {
         fontSize: `${u}px`,
         display: "block",
-        ...a
+        ...i
       },
       className: _(
         "material-icons",
@@ -4157,7 +4157,7 @@ function o({
         "select-none",
         c
       ),
-      onClick: i,
+      onClick: a,
       children: n
     }
   );
@@ -14583,29 +14583,29 @@ const ae = {
   indeterminate: t = !1,
   disabled: r,
   size: c = "medium",
-  onCheckedChange: i,
-  color: a = "primary"
+  onCheckedChange: a,
+  color: i = "primary"
 }) => {
   const u = t ? !1 : n, l = c === "medium" ? 20 : c === "small" ? 16 : 24;
   return /* @__PURE__ */ e("div", { className: _(
     ue[c],
     "inline-flex items-center justify-center p-2 text-sm font-medium focus:outline-none transition-colors ease-in-out duration-150",
-    i ? "rounded-full hover:bg-slate-200 hover:bg-opacity-75 dark:hover:bg-slate-700 dark:hover:bg-opacity-75" : "",
-    i ? "cursor-pointer" : "cursor-default"
+    a ? "rounded-full hover:bg-slate-200 hover:bg-opacity-75 dark:hover:bg-slate-700 dark:hover:bg-opacity-75" : "",
+    a ? "cursor-pointer" : "cursor-default"
   ), children: /* @__PURE__ */ e(
     dn.Root,
     {
       asChild: !0,
       checked: t || u,
       disabled: r,
-      onCheckedChange: r ? void 0 : i,
+      onCheckedChange: r ? void 0 : a,
       children: /* @__PURE__ */ e(
         "div",
         {
           className: _(
             "border-2 relative transition-colors ease-in-out duration-150",
             ae[c],
-            r ? "bg-slate-400 dark:bg-slate-600" : t || u ? _e[a] : "bg-white dark:bg-slate-900",
+            r ? "bg-slate-400 dark:bg-slate-600" : t || u ? _e[i] : "bg-white dark:bg-slate-900",
             t || u ? "text-slate-100 dark:text-slate-900" : "",
             r || t || u ? "border-transparent" : "border-slate-800 dark:border-slate-200"
           ),
@@ -14624,8 +14624,8 @@ function ion({
   colorScheme: t,
   error: r,
   outlined: c,
-  onClick: i,
-  icon: a,
+  onClick: a,
+  icon: i,
   size: u = "medium",
   className: l
 }) {
@@ -14636,13 +14636,13 @@ function ion({
       className: _(
         "rounded-lg w-fit h-fit font-regular inline-flex gap-1",
         "text-ellipsis",
-        i ? "cursor-pointer hover:bg-slate-300 hover:dark:bg-slate-700" : "",
+        a ? "cursor-pointer hover:bg-slate-300 hover:dark:bg-slate-700" : "",
         le[u],
         r || !s ? "bg-slate-200 dark:bg-slate-800 text-slate-800 dark:text-slate-200" : "",
         r ? "text-red-500 dark:text-red-400" : "",
         l
       ),
-      onClick: i,
+      onClick: a,
       style: {
         backgroundColor: r || !s ? void 0 : s.color,
         color: r || !s ? void 0 : s.text,
@@ -14653,7 +14653,7 @@ function ion({
       },
       children: [
         n,
-        a
+        i
       ]
     }
   );
@@ -14670,8 +14670,8 @@ const se = "hover:bg-slate-200 hover:bg-opacity-75 dark:hover:bg-slate-700 dark:
   className: t,
   size: r = "medium",
   variant: c = "ghost",
-  shape: i = "circular",
-  disabled: a,
+  shape: a = "circular",
+  disabled: i,
   toggled: u,
   component: l,
   ...s
@@ -14683,13 +14683,13 @@ const se = "hover:bg-slate-200 hover:bg-opacity-75 dark:hover:bg-slate-700 dark:
     ...s,
     className: _(
       A,
-      a ? "opacity-50 pointer-events-none" : "cursor-pointer",
+      i ? "opacity-50 pointer-events-none" : "cursor-pointer",
       u ? "outline outline-2 outline-primary" : "",
       de,
       c === "ghost" ? "bg-transparent" : "bg-slate-50 dark:bg-slate-900",
       fe,
       se,
-      pe[i],
+      pe[a],
       ye[r],
       t
     ),
@@ -14698,8 +14698,8 @@ const se = "hover:bg-slate-200 hover:bg-opacity-75 dark:hover:bg-slate-700 dark:
 ), ln = x.forwardRef(me), wn = b.forwardRef(function(t, r) {
   const {
     shrink: c,
-    className: i,
-    ...a
+    className: a,
+    ...i
   } = t, u = {
     root: "origin-left transition-transform block whitespace-nowrap overflow-hidden text-overflow-ellipsis max-w-full",
     shrink: "transform translate-y-[2px] scale-75 translate-x-[12px]",
@@ -14710,7 +14710,7 @@ const se = "hover:bg-slate-200 hover:bg-opacity-75 dark:hover:bg-slate-700 dark:
       [u.shrink]: c,
       [u.expanded]: !c
     },
-    i
+    a
   );
   return /* @__PURE__ */ e(
     "label",
@@ -14718,7 +14718,7 @@ const se = "hover:bg-slate-200 hover:bg-opacity-75 dark:hover:bg-slate-700 dark:
       "data-shrink": c,
       ref: r,
       className: l,
-      ...a
+      ...i
     }
   );
 }), mn = {
@@ -14764,8 +14764,8 @@ function rn({
   color: t = "primary",
   children: r,
   className: c,
-  component: i,
-  gutterBottom: a = !1,
+  component: a,
+  gutterBottom: i = !1,
   noWrap: u = !1,
   paragraph: l = !1,
   variant: s = "body1",
@@ -14774,12 +14774,12 @@ function rn({
   onClick: h,
   ...d
 }) {
-  const g = i || (l ? "p" : f[s] || mn[s]) || "span", K = _(
+  const g = a || (l ? "p" : f[s] || mn[s]) || "span", K = _(
     A,
     he[s],
     t ? Ie[t] : "",
     n !== "inherit" && `text-${n}`,
-    a && "mb-[0.35em]",
+    i && "mb-[0.35em]",
     u && "truncate",
     l && "mb-4",
     c
@@ -14800,8 +14800,8 @@ const aon = ({
   label: t,
   onChange: r,
   disabled: c,
-  clearable: i,
-  mode: a = "date",
+  clearable: a,
+  mode: i = "date",
   error: u,
   size: l,
   className: s,
@@ -14856,15 +14856,15 @@ const aon = ({
               onClick: (F) => F.stopPropagation(),
               onFocus: () => k(!0),
               onBlur: () => k(!1),
-              showTimeSelect: a === "date_time",
+              showTimeSelect: i === "date_time",
               timeFormat: "HH:mm",
               timeIntervals: 15,
               timeCaption: "time",
-              dateFormat: a === "date_time" ? "Pp" : "P",
+              dateFormat: i === "date_time" ? "Pp" : "P",
               preventOpenOnFocus: !0,
               className: _(
                 "w-full outline-none bg-transparent leading-normal text-base px-3",
-                i ? "pr-14" : "pr-12",
+                a ? "pr-14" : "pr-12",
                 "rounded-md",
                 !d && A,
                 l === "small" ? "min-h-[48px]" : "min-h-[64px]",
@@ -14882,7 +14882,7 @@ const aon = ({
               children: /* @__PURE__ */ e(te, { color: "disabled" })
             }
           ),
-          i && n && /* @__PURE__ */ e(
+          a && n && /* @__PURE__ */ e(
             ln,
             {
               onClick: D,
@@ -15766,8 +15766,8 @@ const aon = ({
   onOpenChange: t,
   children: r,
   className: c,
-  fullWidth: i = !0,
-  fullHeight: a,
+  fullWidth: a = !0,
+  fullHeight: i,
   fullScreen: u,
   scrollable: l = !0,
   maxWidth: s = "lg",
@@ -15816,8 +15816,8 @@ const aon = ({
                   "z-30",
                   "relative",
                   "outline-none focus:outline-none",
-                  i && !u ? "w-11/12" : void 0,
-                  a && !u ? "h-full" : void 0,
+                  a && !u ? "w-11/12" : void 0,
+                  i && !u ? "h-full" : void 0,
                   "text-slate-900 dark:text-white",
                   "justify-center items-center",
                   u ? "h-screen w-screen" : "max-h-[90vh] shadow-xl",
@@ -15875,8 +15875,8 @@ function son({
   children: t,
   invisible: r = !1,
   expanded: c,
-  onExpandedChange: i,
-  initiallyExpanded: a = !0,
+  onExpandedChange: a,
+  initiallyExpanded: i = !0,
   titleClassName: u,
   asField: l,
   className: s
@@ -15909,7 +15909,7 @@ function son({
     height: 0;
   }
 }`);
-  const [f, p] = q(c !== void 0 ? c : a), [h, d] = q(f);
+  const [f, p] = q(c !== void 0 ? c : i), [h, d] = q(f);
   return M(() => {
     f ? setTimeout(() => {
       d(!0);
@@ -15925,7 +15925,7 @@ function son({
       ),
       open: f,
       onOpenChange: (g) => {
-        i?.(g), p(g);
+        a?.(g), p(g);
       },
       children: [
         /* @__PURE__ */ y(
@@ -15964,8 +15964,8 @@ function fon({
   onFilesAdded: t,
   onFilesRejected: r,
   maxSize: c,
-  disabled: i,
-  maxFiles: a,
+  disabled: a,
+  maxFiles: i,
   title: u,
   uploadDescription: l = "Drag and drop a file here or click",
   children: s,
@@ -15985,8 +15985,8 @@ function fon({
       maxSize: c,
       onDrop: t,
       onDropRejected: r,
-      disabled: i,
-      maxFiles: a,
+      disabled: a,
+      maxFiles: i,
       preventDropOnDocument: f
     }
   );
@@ -16003,7 +16003,7 @@ function fon({
         {
           "h-44": p === "medium",
           "h-28": p === "small",
-          "cursor-pointer": !i,
+          "cursor-pointer": !a,
           "hover:bg-field-hover dark:hover:bg-field-hover-dark": !g,
           "transition-colors duration-200 ease-[cubic-bezier(0,0,0.2,1)] border-red-500": w,
           "transition-colors duration-200 ease-[cubic-bezier(0,0,0.2,1)] border-green-500": K
@@ -16057,19 +16057,19 @@ function yon({
   loading: t,
   disabled: r,
   onClick: c,
-  startIcon: i,
-  ...a
+  startIcon: a,
+  ...i
 }) {
   return /* @__PURE__ */ y(
     Yn,
     {
       disabled: t || r,
       onClick: c,
-      component: a.component,
-      ...a,
+      component: i.component,
+      ...i,
       children: [
         t && /* @__PURE__ */ e(bn, { size: "small" }),
-        !t && i,
+        !t && a,
         n
       ]
     }
@@ -16096,14 +16096,14 @@ function mon({
   trigger: t,
   open: r,
   defaultOpen: c,
-  onOpenChange: i
+  onOpenChange: a
 }) {
   return /* @__PURE__ */ y(
     $.Root,
     {
       open: r,
       defaultOpen: c,
-      onOpenChange: i,
+      onOpenChange: a,
       children: [
         /* @__PURE__ */ e($.Trigger, { asChild: !0, children: t }),
         /* @__PURE__ */ e($.Portal, { children: /* @__PURE__ */ e($.Content, { className: _(j, "shadow py-2 z-30"), children: n }) })
@@ -16141,8 +16141,8 @@ function hon({
   open: t,
   onMultiValueChange: r,
   size: c = "medium",
-  label: i,
-  disabled: a,
+  label: a,
+  disabled: i,
   renderValue: u,
   renderValues: l,
   includeFocusOutline: s = !0,
@@ -16172,7 +16172,7 @@ function hon({
     L(g.current?.getBoundingClientRect() ?? null), k(!0);
   }, []), B = F ?? g.current?.getBoundingClientRect(), U = window.innerHeight - (B?.top ?? 0) - (B?.height ?? 0) - 16;
   return /* @__PURE__ */ y(G, { children: [
-    typeof i == "string" ? /* @__PURE__ */ e(vn, { error: d, children: i }) : i,
+    typeof a == "string" ? /* @__PURE__ */ e(vn, { error: d, children: a }) : a,
     /* @__PURE__ */ y(
       on,
       {
@@ -16191,7 +16191,7 @@ function hon({
                 c === "small" ? "min-h-[42px]" : "min-h-[64px]",
                 "select-none rounded-md text-sm",
                 z,
-                a ? V : W,
+                i ? V : W,
                 "relative flex items-center",
                 "p-4",
                 d ? "text-red-500 dark:text-red-600" : "focus:text-text-primary dark:focus:text-text-primary-dark",
@@ -16265,7 +16265,7 @@ function Kon({ children: n, value: t, className: r }) {
   const c = b.useContext(xn);
   if (!c)
     throw new Error("MultiSelectItem must be used inside a MultiSelect");
-  const { fieldValue: i, setInputValue: a, onValueChangeInternal: u } = c;
+  const { fieldValue: a, setInputValue: i, onValueChangeInternal: u } = c;
   return /* @__PURE__ */ e(
     on.Item,
     {
@@ -16273,10 +16273,10 @@ function Kon({ children: n, value: t, className: r }) {
         l.preventDefault(), l.stopPropagation();
       },
       onSelect: (l) => {
-        a(""), u(t);
+        i(""), u(t);
       },
       className: _(
-        (i ?? []).includes(t) ? "bg-slate-200 dark:bg-slate-950" : "",
+        (a ?? []).includes(t) ? "bg-slate-200 dark:bg-slate-950" : "",
         "cursor-pointer",
         "m-1",
         "ring-offset-transparent",
@@ -16308,8 +16308,8 @@ function bon({
   open: t,
   name: r,
   id: c,
-  onOpenChange: i,
-  value: a,
+  onOpenChange: a,
+  value: i,
   onChange: u,
   onValueChange: l,
   onMultiValueChange: s,
@@ -16336,24 +16336,24 @@ function bon({
     m(t ?? !1);
   }, [t]);
   const v = x.useCallback((I) => {
-    L ? Array.isArray(a) && a.includes(I) ? s?.(a.filter((T) => T !== I)) : s?.([...a ?? [], I]) : l?.(I), !L && u && u({
+    L ? Array.isArray(i) && i.includes(I) ? s?.(i.filter((T) => T !== I)) : s?.([...i ?? [], I]) : l?.(I), !L && u && u({
       target: {
         name: r,
         value: I
       }
     });
-  }, [L, u, a, s, l]);
+  }, [L, u, i, s, l]);
   return /* @__PURE__ */ y(
     R.Root,
     {
       name: r,
-      value: Array.isArray(a) ? void 0 : a,
+      value: Array.isArray(i) ? void 0 : i,
       defaultOpen: t,
       open: U,
       disabled: P,
       onValueChange: v,
       onOpenChange: (I) => {
-        i?.(I), m(I);
+        a?.(I), m(I);
       },
       ...B,
       children: [
@@ -16394,9 +16394,9 @@ function bon({
                       "overflow-visible",
                       w === "small" ? "h-[42px]" : "h-[64px]"
                     ), children: [
-                      d && (a && Array.isArray(a) ? a.map((I, T) => /* @__PURE__ */ e("div", { className: "flex items-center gap-1 max-w-full", children: d ? d(I, T) : I }, I)) : typeof a == "string" ? d ? d(a, 0) : a : h),
-                      g && (!a || Array.isArray(a)) ? g(a ?? []) : null,
-                      !d && !g && a
+                      d && (i && Array.isArray(i) ? i.map((I, T) => /* @__PURE__ */ e("div", { className: "flex items-center gap-1 max-w-full", children: d ? d(I, T) : I }, I)) : typeof i == "string" ? d ? d(i, 0) : i : h),
+                      g && (!i || Array.isArray(i)) ? g(i ?? []) : null,
+                      !d && !g && i
                     ] }) }),
                     /* @__PURE__ */ e(R.Icon, { className: _(
                       "px-2 h-full flex items-center"
@@ -16456,8 +16456,8 @@ function kon({
     {
       value: n,
       disabled: r,
-      onClick: (i) => {
-        i.preventDefault(), i.stopPropagation();
+      onClick: (a) => {
+        a.preventDefault(), a.stopPropagation();
       },
       className: _(
         "w-full",
@@ -16509,11 +16509,11 @@ function we(n, t = 300) {
   const [r, c] = q(n);
   return M(
     () => {
-      const i = setTimeout(() => {
+      const a = setTimeout(() => {
         c(n);
       }, t);
       return () => {
-        clearTimeout(i);
+        clearTimeout(a);
       };
     },
     [n, t]
@@ -16525,8 +16525,8 @@ function von({
   onTextSearch: t,
   placeholder: r = "Search",
   expandable: c = !1,
-  large: i = !1,
-  innerClassName: a,
+  large: a = !1,
+  innerClassName: i,
   className: u,
   autoFocus: l,
   disabled: s,
@@ -16546,7 +16546,7 @@ function von({
       onClick: n,
       className: _(
         "relative",
-        i ? "h-14" : "h-[42px]",
+        a ? "h-14" : "h-[42px]",
         "bg-slate-50 dark:bg-gray-800 transition duration-150 ease-in-out border",
         X,
         "rounded",
@@ -16580,14 +16580,14 @@ function von({
               "pl-12 h-full text-current ",
               c ? g ? "w-[220px]" : "w-[180px]" : "",
               A,
-              a
+              i
             )
           }
         ),
         h ? /* @__PURE__ */ e(
           ln,
           {
-            className: `${i ? "mr-2 top-1" : "mr-1 top-0"} absolute right-0 z-10`,
+            className: `${a ? "mr-2 top-1" : "mr-1 top-0"} absolute right-0 z-10`,
             onClick: S,
             children: /* @__PURE__ */ e(kn, { size: "small" })
           }
@@ -16601,8 +16601,8 @@ const xon = ({
   side: t = "right",
   open: r,
   onOpenChange: c,
-  transparent: i,
-  ...a
+  transparent: a,
+  ...i
 }) => {
   const [u, l] = x.useState(!1);
   M(() => {
@@ -16633,7 +16633,7 @@ const xon = ({
           {
             className: _(
               "fixed inset-0 transition-opacity z-20 ease-in-out duration-200  backdrop-blur-sm",
-              i ? "bg-white bg-opacity-80" : "bg-black bg-opacity-50",
+              a ? "bg-white bg-opacity-80" : "bg-black bg-opacity-50",
               "dark:bg-black dark:bg-opacity-60",
               u && r ? "opacity-100" : "opacity-0"
             ),
@@ -16645,14 +16645,14 @@ const xon = ({
         /* @__PURE__ */ e(
           N.Content,
           {
-            ...a,
+            ...i,
             className: _(
               // "transform-gpu",
               "will-change-transform",
               "text-slate-900 dark:text-white",
               "fixed transform z-20 transition-all duration-[240ms] ease-in-out",
               "outline-none focus:outline-none",
-              i ? "" : "shadow-md",
+              a ? "" : "shadow-md",
               t === "top" || t === "bottom" ? "w-full" : "h-full",
               t === "left" || t === "top" ? "left-0 top-0" : "right-0 bottom-0",
               u && r ? "opacity-100" : "opacity-0",
@@ -16720,8 +16720,8 @@ function In(n) {
 const xe = b.forwardRef(function(t, r) {
   const {
     onChange: c,
-    onScroll: i,
-    onResize: a,
+    onScroll: a,
+    onResize: i,
     maxRows: u,
     minRows: l = 1,
     style: s,
@@ -16774,8 +16774,8 @@ const xe = b.forwardRef(function(t, r) {
     ), m);
   }, O = b.useCallback(() => {
     const m = L();
-    In(m) || (a && a(m), F((v) => E(v, m)));
-  }, [L, a]), B = () => {
+    In(m) || (i && i(m), F((v) => E(v, m)));
+  }, [L, i]), B = () => {
     const m = L();
     In(m) || Wn.flushSync(() => {
       F((v) => E(v, m));
@@ -16817,7 +16817,7 @@ const xe = b.forwardRef(function(t, r) {
           overflow: D.overflow ? "hidden" : void 0,
           ...s
         },
-        onScroll: i,
+        onScroll: a,
         ...K
       }
     ),
@@ -16853,8 +16853,8 @@ function Ae({
   onChange: t,
   label: r,
   type: c = "text",
-  multiline: i = !1,
-  invisible: a,
+  multiline: a = !1,
+  invisible: i,
   rows: u,
   disabled: l,
   error: s,
@@ -16873,7 +16873,7 @@ function Ae({
     B.target.blur(), B.stopPropagation(), setTimeout(() => {
       B.target.focus();
     }, 0);
-  }, []), O = i ? /* @__PURE__ */ e(
+  }, []), O = a ? /* @__PURE__ */ e(
     xe,
     {
       ...P,
@@ -16885,7 +16885,7 @@ function Ae({
       onChange: t,
       style: S,
       className: _(
-        a ? yn : A,
+        i ? yn : A,
         "rounded-md resize-none w-full outline-none p-[32px] text-base bg-transparent min-h-[64px] px-3 pt-[28px]",
         l && "border border-transparent outline-none opacity-50 text-slate-600 dark:text-slate-500"
       )
@@ -16901,7 +16901,7 @@ function Ae({
       className: _(
         "w-full outline-none bg-transparent leading-normal px-3",
         "rounded-md",
-        a ? yn : A,
+        i ? yn : A,
         l ? V : W,
         d === "small" ? "min-h-[48px]" : "min-h-[64px]",
         r ? d === "medium" ? "pt-[28px] pb-2" : "pt-4 pb-2" : "py-2",
@@ -16924,12 +16924,12 @@ function Ae({
     {
       className: _(
         "rounded-md relative max-w-full",
-        a ? hn : z,
+        i ? hn : z,
         l ? V : W,
         s ? "border border-red-500 dark:border-red-600" : "",
         {
-          "min-h-[48px]": !a && d === "small",
-          "min-h-[64px]": !a && d === "medium"
+          "min-h-[48px]": !i && d === "small",
+          "min-h-[64px]": !i && d === "medium"
         },
         g
       ),
@@ -16949,7 +16949,7 @@ function Ae({
           }
         ),
         O,
-        f && /* @__PURE__ */ e("div", { className: "flex absolute right-0 top-3 mr-3 ", children: f })
+        f && /* @__PURE__ */ e("div", { className: "flex flex-row justify-center items-center absolute h-full right-0 top-0 mr-4 ", children: f })
       ]
     }
   );
@@ -16957,15 +16957,16 @@ function Ae({
 const Con = ({
   open: n,
   side: t = "bottom",
-  sideOffset: r,
-  onOpenChange: c,
+  delayDuration: r = 250,
+  sideOffset: c,
+  onOpenChange: a,
   title: i,
-  className: a,
-  style: u,
-  tooltipClassName: l,
-  children: s
-}) => (nn("Tooltip", Pe), i ? /* @__PURE__ */ e(Q.Provider, { delayDuration: 250, children: /* @__PURE__ */ y(Q.Root, { open: n, onOpenChange: c, children: [
-  /* @__PURE__ */ e(Q.Trigger, { asChild: !0, children: /* @__PURE__ */ e("div", { className: a, style: u, children: s }) }),
+  className: u,
+  style: l,
+  tooltipClassName: s,
+  children: f
+}) => (nn("Tooltip", Pe), i ? /* @__PURE__ */ e(Q.Provider, { delayDuration: r, children: /* @__PURE__ */ y(Q.Root, { open: n, onOpenChange: a, children: [
+  /* @__PURE__ */ e(Q.Trigger, { asChild: !0, children: /* @__PURE__ */ e("div", { className: u, style: l, children: f }) }),
   /* @__PURE__ */ e(Q.Portal, { children: /* @__PURE__ */ e(
     Q.Content,
     {
@@ -16973,14 +16974,14 @@ const Con = ({
         "TooltipContent",
         "max-w-lg leading-relaxed",
         "z-50 rounded px-3 py-2 text-xs leading-none bg-slate-700 dark:bg-slate-800 bg-opacity-90 font-medium text-slate-50 shadow-2xl select-none duration-400 ease-in transform opacity-100",
-        l
+        s
       ),
-      sideOffset: r === void 0 ? 4 : r,
+      sideOffset: c === void 0 ? 4 : c,
       side: t,
       children: i
     }
   ) })
-] }) }) : /* @__PURE__ */ e(G, { children: s })), Pe = `
+] }) }) : /* @__PURE__ */ e(G, { children: f })), Pe = `
 
 .TooltipContent {
   animation-duration: 220ms;
@@ -17141,8 +17142,8 @@ const Don = ({
   header: t = !1,
   scope: r = "",
   align: c,
-  className: i,
-  style: a,
+  className: a,
+  style: i,
   colspan: u
 }) => {
   const l = tn(null), s = t || De(l.current) === "TableHeader" ? "th" : "td";
@@ -17152,11 +17153,11 @@ const Don = ({
       scope: r,
       colSpan: u,
       ref: l,
-      style: a,
+      style: i,
       className: _(
         "px-4 py-3 text-clip ",
         c === "center" ? "text-center" : c === "right" ? "text-right" : "text-left",
-        i
+        a
       ),
       children: n
     }
@@ -17164,14 +17165,14 @@ const Don = ({
 };
 function De(n) {
   if (n) {
-    const t = Object.keys(n).find((a) => a.startsWith("__reactFiber$") || a.startsWith("__reactInternalInstance$")), r = n[t], c = (a) => {
-      let u = a.return;
+    const t = Object.keys(n).find((i) => i.startsWith("__reactFiber$") || i.startsWith("__reactInternalInstance$")), r = n[t], c = (i) => {
+      let u = i.return;
       for (; typeof u.type == "string"; )
         u = u.return;
       return u;
     };
-    let i = c(r);
-    return i = c(i), i?.elementType?.name;
+    let a = c(r);
+    return a = c(a), a?.elementType?.name;
   }
 }
 function Mon({
@@ -17179,8 +17180,8 @@ function Mon({
   children: t,
   open: r,
   onOpenChange: c,
-  side: i,
-  sideOffset: a = 5,
+  side: a,
+  sideOffset: i = 5,
   align: u,
   alignOffset: l,
   arrowPadding: s,
@@ -17203,8 +17204,8 @@ function Mon({
           J.Content,
           {
             className: _(j, "PopoverContent shadow z-40", K),
-            side: i,
-            sideOffset: a,
+            side: a,
+            sideOffset: i,
             align: u,
             alignOffset: l,
             arrowPadding: s,
@@ -17313,20 +17314,20 @@ const Fe = `
   )
 ] });
 function Non(n) {
-  const t = x.useRef(), [r, c] = x.useState(n.value), i = Ln(r);
+  const t = x.useRef(), [r, c] = x.useState(n.value), a = Ln(r);
   M(() => {
     c(n.value);
   }, [n.value]), M(() => {
-    !n.value && !i || i !== n.value && t.current && n.onChange && n.onChange(t.current);
-  }, [i, n.value, n.onChange]);
-  const a = cn((u) => {
+    !n.value && !a || a !== n.value && t.current && n.onChange && n.onChange(t.current);
+  }, [a, n.value, n.onChange]);
+  const i = cn((u) => {
     t.current = u, c(u.target.value);
   }, []);
   return /* @__PURE__ */ e(
     Ae,
     {
       ...n,
-      onChange: a,
+      onChange: i,
       value: r
     }
   );