@solostylist/ui-kit 1.0.166 → 1.0.167

package/dist/s-ai-tool-bar/s-ai-tool-bar.js

@@ -1,34 +1,35 @@
 import { j as e } from "../jsx-runtime-OVHDjVDe.js";
-import I, { useEffect as oe, useState as W, useMemo as D, useCallback as k } from "react";
+import p, { useEffect as oe, useState as W, useMemo as G, useCallback as v } from "react";
 import { c as L } from "../createSvgIcon-DxwgGAVe.js";
 import { C as se } from "../Close-BRlEKA2Q.js";
-import { D as te } from "../Download-UsLvGg3y.js";
-import { TextField as G, Typography as ne, Box as n, Slider as le, alpha as z, Divider as ae, Tooltip as B, IconButton as P, Dialog as ce, DialogTitle as ie, DialogContent as de } from "@mui/material";
+import { D as le } from "../Download-UsLvGg3y.js";
+import { TextField as J, Typography as te, Box as t, Slider as ne, alpha as z, Divider as ae, Tooltip as B, IconButton as P, Dialog as ce, DialogTitle as ie, DialogContent as de } from "@mui/material";
 import { createPortal as xe } from "react-dom";
-const he = L(/* @__PURE__ */ e.jsx("path", {
+import he from "../s-select/s-select.js";
+const me = L(/* @__PURE__ */ e.jsx("path", {
   d: "M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99 0-2h3V2h2v3h3v2zm-3 4V8h-3V5H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8zM5 19l3-4 2 3 3-4 4 5z"
-}), "AddPhotoAlternate"), me = L(/* @__PURE__ */ e.jsx("path", {
+}), "AddPhotoAlternate"), fe = L(/* @__PURE__ */ e.jsx("path", {
   d: "M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6m6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26"
-}), "Autorenew"), fe = L(/* @__PURE__ */ e.jsx("path", {
+}), "Autorenew"), ue = L(/* @__PURE__ */ e.jsx("path", {
   d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"
-}), "InfoOutlined"), ue = L(/* @__PURE__ */ e.jsx("path", {
+}), "InfoOutlined"), ye = L(/* @__PURE__ */ e.jsx("path", {
   d: "M8 5v14l11-7z"
-}), "PlayArrow"), ye = I.memo(({ input: o, value: c, onChange: m, onFocus: t, onBlur: f, disabled: x }) => /* @__PURE__ */ e.jsx(
-  G,
+}), "PlayArrow"), je = p.memo(({ input: r, value: n, onChange: h, onFocus: l, onBlur: f, disabled: i }) => /* @__PURE__ */ e.jsx(
+  J,
   {
-    value: c,
-    onChange: (h) => m(h.target.value),
-    onFocus: t,
+    value: n,
+    onChange: (d) => h(d.target.value),
+    onFocus: l,
     onBlur: f,
-    placeholder: o.placeholder || o.label,
-    disabled: x,
+    placeholder: r.placeholder || r.label,
+    disabled: i,
     multiline: !0,
-    minRows: o.minRows ?? 2,
-    maxRows: o.maxRows ?? 5,
+    minRows: r.minRows ?? 2,
+    maxRows: r.maxRows ?? 5,
     fullWidth: !0
   }
-)), J = I.memo((o) => /* @__PURE__ */ e.jsx(
-  ne,
+)), _ = p.memo((r) => /* @__PURE__ */ e.jsx(
+  te,
   {
     variant: "caption",
     sx: {
@@ -39,34 +40,34 @@ const he = L(/* @__PURE__ */ e.jsx("path", {
       width: "100% !important",
       textAlign: "center"
     },
-    children: o.label
+    children: r.label
   }
-)), je = I.memo(({ input: o, value: c, onChange: m, isExpanded: t, onFocus: f, onBlur: x, disabled: h }) => /* @__PURE__ */ e.jsxs(
-  n,
+)), ge = p.memo(({ input: r, value: n, onChange: h, isExpanded: l, onFocus: f, onBlur: i, disabled: d }) => /* @__PURE__ */ e.jsxs(
+  t,
   {
     sx: {
-      width: t ? 120 : 60,
+      width: l ? 120 : 60,
       transition: "width 0.3s ease",
       display: "flex",
       flexDirection: "column"
     },
     children: [
-      /* @__PURE__ */ e.jsx(J, { label: o.label }),
+      /* @__PURE__ */ e.jsx(_, { label: r.label }),
       /* @__PURE__ */ e.jsx(
-        G,
+        J,
         {
           type: "number",
-          value: c ?? o.defaultValue ?? 0,
-          onChange: (g) => m(Number(g.target.value)),
+          value: n ?? r.defaultValue ?? 0,
+          onChange: (u) => h(Number(u.target.value)),
           onFocus: f,
-          onBlur: x,
-          disabled: h,
+          onBlur: i,
+          disabled: d,
           size: "small",
           slotProps: {
             htmlInput: {
-              min: o.min,
-              max: o.max,
-              step: o.step
+              min: r.min,
+              max: r.max,
+              step: r.step
             }
           },
           sx: {
@@ -78,87 +79,117 @@ const he = L(/* @__PURE__ */ e.jsx("path", {
       )
     ]
   }
-)), ge = I.memo(({ input: o, value: c, onChange: m, isExpanded: t, onFocus: f, onBlur: x, disabled: h }) => /* @__PURE__ */ e.jsxs(
-  n,
+)), pe = p.memo(({ input: r, value: n, onChange: h, isExpanded: l, onFocus: f, onBlur: i, disabled: d }) => /* @__PURE__ */ e.jsxs(
+  t,
   {
     sx: {
-      width: t ? 160 : 60,
+      width: l ? 180 : 80,
       transition: "width 0.3s ease",
       display: "flex",
       flexDirection: "column"
     },
     children: [
-      /* @__PURE__ */ e.jsx(J, { label: o.label }),
-      /* @__PURE__ */ e.jsxs(n, { sx: { display: "flex", alignItems: "center", height: 36 }, children: [
-        t && /* @__PURE__ */ e.jsx(
-          le,
+      /* @__PURE__ */ e.jsx(_, { label: r.label }),
+      /* @__PURE__ */ e.jsx(
+        he,
+        {
+          value: n ?? r.defaultValue ?? "",
+          onChange: (u) => h(u.target.value),
+          onFocus: f,
+          onBlur: i,
+          disabled: d,
+          placeholder: r.placeholder,
+          options: r.options || [],
+          optionLabel: r.optionLabel,
+          optionValue: r.optionValue,
+          searchable: r.searchable,
+          searchPlaceholder: r.searchPlaceholder,
+          size: "small"
+        }
+      )
+    ]
+  }
+)), Ie = p.memo(({ input: r, value: n, onChange: h, isExpanded: l, onFocus: f, onBlur: i, disabled: d }) => /* @__PURE__ */ e.jsxs(
+  t,
+  {
+    sx: {
+      width: l ? 160 : 60,
+      transition: "width 0.3s ease",
+      display: "flex",
+      flexDirection: "column"
+    },
+    children: [
+      /* @__PURE__ */ e.jsx(_, { label: r.label }),
+      /* @__PURE__ */ e.jsxs(t, { sx: { display: "flex", alignItems: "center", height: 36 }, children: [
+        l && /* @__PURE__ */ e.jsx(
+          ne,
           {
-            value: c ?? o.defaultValue ?? o.min ?? 0,
-            onChange: (g, v) => m(v),
+            value: n ?? r.defaultValue ?? r.min ?? 0,
+            onChange: (u, k) => h(k),
             onMouseDown: f,
-            onMouseUp: x,
-            disabled: h,
-            min: o.min ?? 0,
-            max: o.max ?? 100,
-            step: o.step ?? 1,
+            onMouseUp: i,
+            disabled: d,
+            min: r.min ?? 0,
+            max: r.max ?? 100,
+            step: r.step ?? 1,
             size: "small",
             sx: { flex: 1 }
           }
         ),
         /* @__PURE__ */ e.jsx(
-          n,
+          t,
           {
             sx: {
               minWidth: 60,
               textAlign: "center",
               fontWeight: 500,
               fontSize: "0.875rem",
-              width: t ? "auto" : "100%"
+              width: l ? "auto" : "100%"
             },
-            children: c ?? o.defaultValue ?? o.min ?? 0
+            children: n ?? r.defaultValue ?? r.min ?? 0
           }
         )
       ] })
     ]
   }
-)), pe = I.memo(({ input: o, value: c, onChange: m, disabled: t }) => {
-  const f = I.useRef(null), [x, h] = I.useState([]), [g, v] = I.useState(null), w = o.multiple ?? !1, b = o.maxImages ?? 5;
+)), we = p.memo(({ input: r, value: n, onChange: h, disabled: l }) => {
+  const f = p.useRef(null), [i, d] = p.useState([]), [u, k] = p.useState(null), w = r.multiple ?? !1, b = r.maxImages ?? 5;
   oe(() => {
-    let d = [];
-    return h(((l) => {
-      if (!l) return [];
-      const p = Array.isArray(l) ? l : [l], a = [];
-      return p.forEach((C) => {
+    let m = [];
+    return d(((a) => {
+      if (!a) return [];
+      const I = Array.isArray(a) ? a : [a], c = [];
+      return I.forEach((C) => {
         if (C instanceof File) {
-          const S = URL.createObjectURL(C);
-          a.push(S), d.push(S);
-        } else typeof C == "string" && a.push(C);
-      }), a;
-    })(c)), () => {
-      d.forEach((l) => URL.revokeObjectURL(l));
+          const M = URL.createObjectURL(C);
+          c.push(M), m.push(M);
+        } else typeof C == "string" && c.push(C);
+      }), c;
+    })(n)), () => {
+      m.forEach((a) => URL.revokeObjectURL(a));
     };
-  }, [c]);
-  const u = (d) => {
-    const i = d.target.files;
-    if (!(!i || i.length === 0)) {
+  }, [n]);
+  const y = (m) => {
+    const x = m.target.files;
+    if (!(!x || x.length === 0)) {
       if (w) {
-        const l = Array.isArray(c) ? c : c ? [c] : [], p = Array.from(i).slice(0, b - l.length), a = [...l, ...p];
-        m(a);
+        const a = Array.isArray(n) ? n : n ? [n] : [], I = Array.from(x).slice(0, b - a.length), c = [...a, ...I];
+        h(c);
       } else
-        m(i[0]);
-      d.target.value = "";
+        h(x[0]);
+      m.target.value = "";
     }
-  }, O = (d, i) => {
-    if (d.stopPropagation(), w && Array.isArray(c)) {
-      const l = c.filter((p, a) => a !== i);
-      m(l.length > 0 ? l : null);
+  }, V = (m, x) => {
+    if (m.stopPropagation(), w && Array.isArray(n)) {
+      const a = n.filter((I, c) => c !== x);
+      h(a.length > 0 ? a : null);
     } else
-      m(null);
-  }, T = () => {
-    var d;
-    t || w && x.length >= b || (d = f.current) == null || d.click();
-  }, E = w && x.length < b;
-  return /* @__PURE__ */ e.jsxs(n, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: [
+      h(null);
+  }, O = () => {
+    var m;
+    l || w && i.length >= b || (m = f.current) == null || m.click();
+  }, T = w && i.length < b;
+  return /* @__PURE__ */ e.jsxs(t, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -166,40 +197,40 @@ const he = L(/* @__PURE__ */ e.jsx("path", {
         type: "file",
         accept: "image/*",
         multiple: w,
-        onChange: u,
-        disabled: t,
+        onChange: y,
+        disabled: l,
         style: { display: "none" }
       }
     ),
-    x.map((d, i) => /* @__PURE__ */ e.jsxs(
-      n,
+    i.map((m, x) => /* @__PURE__ */ e.jsxs(
+      t,
       {
-        onMouseEnter: () => v(i),
-        onMouseLeave: () => v(null),
+        onMouseEnter: () => k(x),
+        onMouseLeave: () => k(null),
         sx: {
           width: 50,
           height: 50,
           border: 1,
-          borderColor: t ? "action.disabled" : "primary.main",
+          borderColor: l ? "action.disabled" : "primary.main",
           borderRadius: 1,
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          cursor: t ? "not-allowed" : "default",
+          cursor: l ? "not-allowed" : "default",
           position: "relative",
           overflow: "hidden",
           transition: "all 0.2s",
-          "&:hover": t ? {} : {
+          "&:hover": l ? {} : {
             borderColor: "primary.dark"
           }
         },
         children: [
           /* @__PURE__ */ e.jsx(
-            n,
+            t,
             {
               component: "img",
-              src: d,
-              alt: `Preview ${i + 1}`,
+              src: m,
+              alt: `Preview ${x + 1}`,
               sx: {
                 width: "100%",
                 height: "100%",
@@ -207,10 +238,10 @@ const he = L(/* @__PURE__ */ e.jsx("path", {
               }
             }
           ),
-          !t && g === i && /* @__PURE__ */ e.jsx(
-            n,
+          !l && u === x && /* @__PURE__ */ e.jsx(
+            t,
             {
-              onClick: (l) => O(l, i),
+              onClick: (a) => V(a, x),
               sx: {
                 position: "absolute",
                 top: 0,
@@ -240,111 +271,113 @@ const he = L(/* @__PURE__ */ e.jsx("path", {
           )
         ]
       },
-      i
+      x
     )),
-    (x.length === 0 || E) && /* @__PURE__ */ e.jsx(
-      n,
+    (i.length === 0 || T) && /* @__PURE__ */ e.jsx(
+      t,
       {
-        onClick: T,
+        onClick: O,
         sx: {
           width: 50,
           height: 50,
           border: 1,
-          borderColor: t ? "action.disabled" : "divider",
+          borderColor: l ? "action.disabled" : "divider",
           borderRadius: 1,
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          cursor: t ? "not-allowed" : "pointer",
+          cursor: l ? "not-allowed" : "pointer",
           bgcolor: z("#000", 0.02),
           transition: "all 0.2s",
-          "&:hover": t ? {} : {
+          "&:hover": l ? {} : {
             borderColor: "primary.main",
             bgcolor: z("#000", 0.04)
           }
         },
         children: /* @__PURE__ */ e.jsx(
-          he,
+          me,
           {
             sx: {
               fontSize: 20,
-              color: t ? "action.disabled" : "text.secondary"
+              color: l ? "action.disabled" : "text.secondary"
             }
           }
         )
       }
     )
   ] });
-}), H = (o) => {
-  switch (o.input.type) {
+}), H = (r) => {
+  switch (r.input.type) {
     case "textarea":
-      return /* @__PURE__ */ e.jsx(ye, { ...o });
+      return /* @__PURE__ */ e.jsx(je, { ...r });
     case "number":
-      return /* @__PURE__ */ e.jsx(je, { ...o });
+      return /* @__PURE__ */ e.jsx(ge, { ...r });
     case "slider":
-      return /* @__PURE__ */ e.jsx(ge, { ...o });
+      return /* @__PURE__ */ e.jsx(Ie, { ...r });
+    case "select":
+      return /* @__PURE__ */ e.jsx(pe, { ...r });
     case "image":
-      return /* @__PURE__ */ e.jsx(pe, { input: o.input, value: o.value, onChange: o.onChange, disabled: o.disabled });
+      return /* @__PURE__ */ e.jsx(we, { input: r.input, value: r.value, onChange: r.onChange, disabled: r.disabled });
     default:
       return null;
   }
-}, Re = ({
-  inputs: o = [],
-  onProcess: c,
-  onReset: m,
-  onDownload: t,
+}, Me = ({
+  inputs: r = [],
+  onProcess: n,
+  onReset: h,
+  onDownload: l,
   processing: f = !1,
-  uploading: x = !1,
-  inputValues: h = {},
-  onInputChange: g,
-  customActionButtons: v,
+  uploading: i = !1,
+  inputValues: d = {},
+  onInputChange: u,
+  customActionButtons: k,
   hideProcessButton: w = !1,
   processButtonDisabled: b = !1,
-  getInputDisabled: u,
-  processTooltip: O = "Process",
-  downloadTooltip: T = "Download",
-  resetTooltip: E = "Reset",
-  infoTooltip: d = "Information",
-  infoTitle: i = "Tool Information",
-  infoContent: l,
-  position: p = "bottom",
-  relative: a = !1
+  getInputDisabled: y,
+  processTooltip: V = "Process",
+  downloadTooltip: O = "Download",
+  resetTooltip: T = "Reset",
+  infoTooltip: m = "Information",
+  infoTitle: x = "Tool Information",
+  infoContent: a,
+  position: I = "bottom",
+  relative: c = !1
 }) => {
-  const [C, S] = W(!1), [K, _] = W(!1), [Q, q] = W(!1), A = C || K, N = D(() => o.length === 0 ? !0 : o.every((r) => {
-    if (!r.required) return !0;
-    const s = h[r.key];
-    return r.type === "textarea" ? s && typeof s == "string" && s.trim() !== "" : r.type === "number" || r.type === "slider" ? s != null : !0;
-  }), [o, h]), { imageInputs: U, textareaInputs: X, paramInputs: V } = D(() => o.reduce(
-    (r, s) => (s.type === "image" ? r.imageInputs.push(s) : s.type === "textarea" ? r.textareaInputs.push(s) : r.paramInputs.push(s), r),
+  const [C, M] = W(!1), [K, q] = W(!1), [Q, N] = W(!1), A = C || K, D = G(() => r.length === 0 ? !0 : r.every((o) => {
+    if (!o.required) return !0;
+    const s = d[o.key];
+    return o.type === "textarea" ? s && typeof s == "string" && s.trim() !== "" : o.type === "number" || o.type === "slider" ? s != null : o.type === "select" ? s != null && s !== "" : !0;
+  }), [r, d]), { imageInputs: E, textareaInputs: X, paramInputs: U } = G(() => r.reduce(
+    (o, s) => (s.type === "image" ? o.imageInputs.push(s) : s.type === "textarea" ? o.textareaInputs.push(s) : o.paramInputs.push(s), o),
     {
       imageInputs: [],
       textareaInputs: [],
       paramInputs: []
     }
-  ), [o]), Y = k(() => S(!0), []), Z = k(() => S(!1), []), R = k(() => _(!0), []), F = k(() => {
-    setTimeout(() => _(!1), 200);
-  }, []), M = k(
-    (r, s, j) => {
-      g == null || g(r, s, j);
+  ), [r]), Y = v(() => M(!0), []), Z = v(() => M(!1), []), R = v(() => q(!0), []), F = v(() => {
+    setTimeout(() => q(!1), 200);
+  }, []), S = v(
+    (o, s, g) => {
+      u == null || u(o, s, g);
     },
-    [g]
-  ), ee = k(() => q(!0), []), re = k(() => q(!1), []), $ = /* @__PURE__ */ e.jsxs(
-    n,
+    [u]
+  ), ee = v(() => N(!0), []), re = v(() => N(!1), []), $ = /* @__PURE__ */ e.jsxs(
+    t,
     {
       sx: {
-        position: a ? "relative" : "fixed",
-        [p]: a ? "auto" : 20,
-        left: a ? "auto" : "50%",
-        transform: a ? "none" : "translateX(-50%)",
-        zIndex: a ? "auto" : 1300,
-        display: a ? "flex" : "block",
-        justifyContent: a ? "center" : "initial",
-        mt: a && p === "top" ? 2 : 0,
-        mb: a && p === "bottom" ? 2 : 0
+        position: c ? "relative" : "fixed",
+        [I]: c ? "auto" : 20,
+        left: c ? "auto" : "50%",
+        transform: c ? "none" : "translateX(-50%)",
+        zIndex: c ? "auto" : 1300,
+        display: c ? "flex" : "block",
+        justifyContent: c ? "center" : "initial",
+        mt: c && I === "top" ? 2 : 0,
+        mb: c && I === "bottom" ? 2 : 0
       },
       children: [
         /* @__PURE__ */ e.jsxs(
-          n,
+          t,
           {
             onMouseEnter: Y,
             onMouseLeave: Z,
@@ -358,32 +391,32 @@ const he = L(/* @__PURE__ */ e.jsx("path", {
               borderColor: "divider"
             },
             children: [
-              X.length > 0 && /* @__PURE__ */ e.jsx(n, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: X.map((r) => {
-                const s = h[r.key], j = (u == null ? void 0 : u(r.key)) ?? !1;
-                return r.renderInput ? /* @__PURE__ */ e.jsx(n, { children: r.renderInput({
+              X.length > 0 && /* @__PURE__ */ e.jsx(t, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: X.map((o) => {
+                const s = d[o.key], g = (y == null ? void 0 : y(o.key)) ?? !1;
+                return o.renderInput ? /* @__PURE__ */ e.jsx(t, { children: o.renderInput({
                   value: s,
-                  onChange: (y) => M(r.key, y),
+                  onChange: (j) => S(o.key, j),
                   isExpanded: A,
                   onFocus: R,
                   onBlur: F,
-                  disabled: j
-                }) }, r.key) : /* @__PURE__ */ e.jsx(
+                  disabled: g
+                }) }, o.key) : /* @__PURE__ */ e.jsx(
                   H,
                   {
-                    input: r,
+                    input: o,
                     value: s,
-                    onChange: (y) => M(r.key, y),
+                    onChange: (j) => S(o.key, j),
                     isExpanded: A,
                     onFocus: R,
                     onBlur: F,
-                    disabled: j
+                    disabled: g
                   },
-                  r.key
+                  o.key
                 );
               }) }),
-              /* @__PURE__ */ e.jsxs(n, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+              /* @__PURE__ */ e.jsxs(t, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
                 /* @__PURE__ */ e.jsx(
-                  n,
+                  t,
                   {
                     sx: {
                       display: "flex",
@@ -391,72 +424,72 @@ const he = L(/* @__PURE__ */ e.jsx("path", {
                       gap: 2,
                       flex: 1
                     },
-                    children: (U.length > 0 || V.length > 0) && /* @__PURE__ */ e.jsxs(n, { sx: { display: "flex", alignItems: "flex-end", gap: 1.5 }, children: [
-                      U.map((r) => {
-                        const s = h[r.key], j = (u == null ? void 0 : u(r.key)) ?? !1;
-                        return r.renderInput ? /* @__PURE__ */ e.jsx(n, { children: r.renderInput({
+                    children: (E.length > 0 || U.length > 0) && /* @__PURE__ */ e.jsxs(t, { sx: { display: "flex", alignItems: "flex-end", gap: 1.5 }, children: [
+                      E.map((o) => {
+                        const s = d[o.key], g = (y == null ? void 0 : y(o.key)) ?? !1;
+                        return o.renderInput ? /* @__PURE__ */ e.jsx(t, { children: o.renderInput({
                           value: s,
-                          onChange: (y) => M(r.key, y),
+                          onChange: (j) => S(o.key, j),
                           isExpanded: A,
                           onFocus: R,
                           onBlur: F,
-                          disabled: j
-                        }) }, r.key) : /* @__PURE__ */ e.jsx(
+                          disabled: g
+                        }) }, o.key) : /* @__PURE__ */ e.jsx(
                           H,
                           {
-                            input: r,
+                            input: o,
                             value: s,
-                            onChange: (y) => M(r.key, y),
+                            onChange: (j) => S(o.key, j),
                             isExpanded: A,
                             onFocus: R,
                             onBlur: F,
-                            disabled: j
+                            disabled: g
                           },
-                          r.key
+                          o.key
                         );
                       }),
-                      V.map((r) => {
-                        const s = h[r.key], j = (u == null ? void 0 : u(r.key)) ?? !1;
-                        return r.renderInput ? /* @__PURE__ */ e.jsx(n, { children: r.renderInput({
+                      U.map((o) => {
+                        const s = d[o.key], g = (y == null ? void 0 : y(o.key)) ?? !1;
+                        return o.renderInput ? /* @__PURE__ */ e.jsx(t, { children: o.renderInput({
                           value: s,
-                          onChange: (y) => M(r.key, y),
+                          onChange: (j) => S(o.key, j),
                           isExpanded: A,
                           onFocus: R,
                           onBlur: F,
-                          disabled: j
-                        }) }, r.key) : /* @__PURE__ */ e.jsx(
+                          disabled: g
+                        }) }, o.key) : /* @__PURE__ */ e.jsx(
                           H,
                           {
-                            input: r,
+                            input: o,
                             value: s,
-                            onChange: (y) => M(r.key, y),
+                            onChange: (j) => S(o.key, j),
                             isExpanded: A,
                             onFocus: R,
                             onBlur: F,
-                            disabled: j
+                            disabled: g
                           },
-                          r.key
+                          o.key
                         );
                       })
                     ] })
                   }
                 ),
-                (U.length > 0 || V.length > 0) && /* @__PURE__ */ e.jsx(ae, { orientation: "vertical", flexItem: !0, sx: { mx: 0.5, flexShrink: 0 } }),
-                /* @__PURE__ */ e.jsxs(n, { sx: { display: "flex", alignItems: "center", gap: 0.75, ml: "auto" }, children: [
-                  v,
-                  l && /* @__PURE__ */ e.jsx(B, { title: d, children: /* @__PURE__ */ e.jsx(P, { onClick: ee, children: /* @__PURE__ */ e.jsx(fe, {}) }) }),
-                  /* @__PURE__ */ e.jsx(B, { title: T, children: /* @__PURE__ */ e.jsx(P, { onClick: t, children: /* @__PURE__ */ e.jsx(te, {}) }) }),
-                  /* @__PURE__ */ e.jsx(B, { title: E, children: /* @__PURE__ */ e.jsx(P, { onClick: m, children: /* @__PURE__ */ e.jsx(me, {}) }) }),
-                  !w && /* @__PURE__ */ e.jsx(B, { title: O, children: /* @__PURE__ */ e.jsx("span", { children: /* @__PURE__ */ e.jsx(
+                (E.length > 0 || U.length > 0) && /* @__PURE__ */ e.jsx(ae, { orientation: "vertical", flexItem: !0, sx: { mx: 0.5, flexShrink: 0 } }),
+                /* @__PURE__ */ e.jsxs(t, { sx: { display: "flex", alignItems: "center", gap: 0.75, ml: "auto" }, children: [
+                  k,
+                  a && /* @__PURE__ */ e.jsx(B, { title: m, children: /* @__PURE__ */ e.jsx(P, { onClick: ee, children: /* @__PURE__ */ e.jsx(ue, {}) }) }),
+                  /* @__PURE__ */ e.jsx(B, { title: O, children: /* @__PURE__ */ e.jsx(P, { onClick: l, children: /* @__PURE__ */ e.jsx(le, {}) }) }),
+                  /* @__PURE__ */ e.jsx(B, { title: T, children: /* @__PURE__ */ e.jsx(P, { onClick: h, children: /* @__PURE__ */ e.jsx(fe, {}) }) }),
+                  !w && /* @__PURE__ */ e.jsx(B, { title: V, children: /* @__PURE__ */ e.jsx("span", { children: /* @__PURE__ */ e.jsx(
                     P,
                     {
-                      onClick: c,
-                      disabled: b || !N || x || f,
+                      onClick: n,
+                      disabled: b || !D || i || f,
                       size: "large",
                       children: /* @__PURE__ */ e.jsx(
-                        ue,
+                        ye,
                         {
-                          color: b || !N || x || f ? "disabled" : "primary"
+                          color: b || !D || i || f ? "disabled" : "primary"
                         }
                       )
                     }
@@ -466,15 +499,15 @@ const he = L(/* @__PURE__ */ e.jsx("path", {
             ]
           }
         ),
-        l && /* @__PURE__ */ e.jsxs(ce, { open: Q, onClose: re, maxWidth: "sm", fullWidth: !0, children: [
-          /* @__PURE__ */ e.jsx(ie, { children: i }),
-          /* @__PURE__ */ e.jsx(de, { children: l })
+        a && /* @__PURE__ */ e.jsxs(ce, { open: Q, onClose: re, maxWidth: "sm", fullWidth: !0, children: [
+          /* @__PURE__ */ e.jsx(ie, { children: x }),
+          /* @__PURE__ */ e.jsx(de, { children: a })
         ] })
       ]
     }
   );
-  return !a && typeof window < "u" ? xe($, document.body) : $;
+  return !c && typeof window < "u" ? xe($, document.body) : $;
 };
 export {
-  Re as default
+  Me as default
 };