@solostylist/ui-kit 1.0.167 → 1.0.169

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

@@ -1,35 +1,37 @@
-import { j as e } from "../jsx-runtime-OVHDjVDe.js";
-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 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";
-import he from "../s-select/s-select.js";
-const me = L(/* @__PURE__ */ e.jsx("path", {
+import { j as o } from "../jsx-runtime-OVHDjVDe.js";
+import b, { useEffect as le, useState as N, useMemo as J, useCallback as w } from "react";
+import { c as P } from "../createSvgIcon-DxwgGAVe.js";
+import { C as ae } from "../Close-BRlEKA2Q.js";
+import { D as re } from "../Download-UsLvGg3y.js";
+import { TextField as Q, Typography as se, Box as r, Slider as ie, alpha as R, Checkbox as de, Divider as ue, Tooltip as _, IconButton as S, Dialog as ce, DialogTitle as fe, DialogContent as pe } from "@mui/material";
+import { createPortal as me } from "react-dom";
+import { SSelect as he } from "../s-select/s-select.js";
+const xe = P(/* @__PURE__ */ o.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"), fe = L(/* @__PURE__ */ e.jsx("path", {
+}), "AddPhotoAlternate"), ye = P(/* @__PURE__ */ o.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"), ue = L(/* @__PURE__ */ e.jsx("path", {
+}), "Autorenew"), ge = P(/* @__PURE__ */ o.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"), ye = L(/* @__PURE__ */ e.jsx("path", {
+}), "InfoOutlined"), be = P(/* @__PURE__ */ o.jsx("path", {
   d: "M8 5v14l11-7z"
-}), "PlayArrow"), je = p.memo(({ input: r, value: n, onChange: h, onFocus: l, onBlur: f, disabled: i }) => /* @__PURE__ */ e.jsx(
-  J,
+}), "PlayArrow");
+var W = /* @__PURE__ */ ((e) => (e.TEXTAREA = "textarea", e.SLIDER = "slider", e.IMAGE = "image", e.NUMBER = "number", e.SELECT = "select", e.CHECKBOX = "checkbox", e))(W || {});
+const ve = b.memo(({ input: e, value: a, onChange: c, onFocus: l, onBlur: f, disabled: d }) => /* @__PURE__ */ o.jsx(
+  Q,
   {
-    value: n,
-    onChange: (d) => h(d.target.value),
+    value: a,
+    onChange: (u) => c(u.target.value),
     onFocus: l,
     onBlur: f,
-    placeholder: r.placeholder || r.label,
-    disabled: i,
+    placeholder: e.placeholder || e.label,
+    disabled: d,
     multiline: !0,
-    minRows: r.minRows ?? 2,
-    maxRows: r.maxRows ?? 5,
+    minRows: e.minRows ?? 2,
+    maxRows: e.maxRows ?? 5,
     fullWidth: !0
   }
-)), _ = p.memo((r) => /* @__PURE__ */ e.jsx(
-  te,
+)), F = b.memo((e) => /* @__PURE__ */ o.jsx(
+  se,
   {
     variant: "caption",
     sx: {
@@ -40,10 +42,10 @@ const me = L(/* @__PURE__ */ e.jsx("path", {
       width: "100% !important",
       textAlign: "center"
     },
-    children: r.label
+    children: e.label
   }
-)), ge = p.memo(({ input: r, value: n, onChange: h, isExpanded: l, onFocus: f, onBlur: i, disabled: d }) => /* @__PURE__ */ e.jsxs(
-  t,
+)), je = b.memo(({ input: e, value: a, onChange: c, isExpanded: l, onFocus: f, onBlur: d, disabled: u }) => /* @__PURE__ */ o.jsxs(
+  r,
   {
     sx: {
       width: l ? 120 : 60,
@@ -52,22 +54,22 @@ const me = L(/* @__PURE__ */ e.jsx("path", {
       flexDirection: "column"
     },
     children: [
-      /* @__PURE__ */ e.jsx(_, { label: r.label }),
-      /* @__PURE__ */ e.jsx(
-        J,
+      /* @__PURE__ */ o.jsx(F, { label: e.label }),
+      /* @__PURE__ */ o.jsx(
+        Q,
         {
           type: "number",
-          value: n ?? r.defaultValue ?? 0,
-          onChange: (u) => h(Number(u.target.value)),
+          value: a ?? e.defaultValue ?? 0,
+          onChange: (h) => c(Number(h.target.value)),
           onFocus: f,
-          onBlur: i,
-          disabled: d,
+          onBlur: d,
+          disabled: u,
           size: "small",
           slotProps: {
             htmlInput: {
-              min: r.min,
-              max: r.max,
-              step: r.step
+              min: e.min,
+              max: e.max,
+              step: e.step
             }
           },
           sx: {
@@ -79,8 +81,8 @@ const me = L(/* @__PURE__ */ e.jsx("path", {
       )
     ]
   }
-)), pe = p.memo(({ input: r, value: n, onChange: h, isExpanded: l, onFocus: f, onBlur: i, disabled: d }) => /* @__PURE__ */ e.jsxs(
-  t,
+)), we = b.memo(({ input: e, value: a, onChange: c, isExpanded: l, onFocus: f, onBlur: d, disabled: u }) => /* @__PURE__ */ o.jsxs(
+  r,
   {
     sx: {
       width: l ? 180 : 80,
@@ -89,28 +91,28 @@ const me = L(/* @__PURE__ */ e.jsx("path", {
       flexDirection: "column"
     },
     children: [
-      /* @__PURE__ */ e.jsx(_, { label: r.label }),
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ o.jsx(F, { label: e.label }),
+      /* @__PURE__ */ o.jsx(
         he,
         {
-          value: n ?? r.defaultValue ?? "",
-          onChange: (u) => h(u.target.value),
+          value: a ?? e.defaultValue ?? "",
+          onChange: (h) => c(h.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,
+          onBlur: d,
+          disabled: u,
+          placeholder: e.placeholder,
+          options: e.options || [],
+          optionLabel: e.optionLabel,
+          optionValue: e.optionValue,
+          searchable: e.searchable,
+          searchPlaceholder: e.searchPlaceholder,
           size: "small"
         }
       )
     ]
   }
-)), Ie = p.memo(({ input: r, value: n, onChange: h, isExpanded: l, onFocus: f, onBlur: i, disabled: d }) => /* @__PURE__ */ e.jsxs(
-  t,
+)), Ie = b.memo(({ input: e, value: a, onChange: c, isExpanded: l, onFocus: f, onBlur: d, disabled: u }) => /* @__PURE__ */ o.jsxs(
+  r,
   {
     sx: {
       width: l ? 160 : 60,
@@ -119,25 +121,25 @@ const me = L(/* @__PURE__ */ e.jsx("path", {
       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,
+      /* @__PURE__ */ o.jsx(F, { label: e.label }),
+      /* @__PURE__ */ o.jsxs(r, { sx: { display: "flex", alignItems: "center", height: 36 }, children: [
+        l && /* @__PURE__ */ o.jsx(
+          ie,
           {
-            value: n ?? r.defaultValue ?? r.min ?? 0,
-            onChange: (u, k) => h(k),
+            value: a ?? e.defaultValue ?? e.min ?? 0,
+            onChange: (h, I) => c(I),
             onMouseDown: f,
-            onMouseUp: i,
-            disabled: d,
-            min: r.min ?? 0,
-            max: r.max ?? 100,
-            step: r.step ?? 1,
+            onMouseUp: d,
+            disabled: u,
+            min: e.min ?? 0,
+            max: e.max ?? 100,
+            step: e.step ?? 1,
             size: "small",
             sx: { flex: 1 }
           }
         ),
-        /* @__PURE__ */ e.jsx(
-          t,
+        /* @__PURE__ */ o.jsx(
+          r,
           {
             sx: {
               minWidth: 60,
@@ -146,67 +148,67 @@ const me = L(/* @__PURE__ */ e.jsx("path", {
               fontSize: "0.875rem",
               width: l ? "auto" : "100%"
             },
-            children: n ?? r.defaultValue ?? r.min ?? 0
+            children: a ?? e.defaultValue ?? e.min ?? 0
           }
         )
       ] })
     ]
   }
-)), 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(() => {
+)), ke = b.memo(({ input: e, value: a, onChange: c, disabled: l }) => {
+  const f = b.useRef(null), [d, u] = b.useState([]), [h, I] = b.useState(null), j = e.multiple ?? !1, k = e.maxImages ?? 5;
+  le(() => {
     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 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));
+    return u(((s) => {
+      if (!s) return [];
+      const v = Array.isArray(s) ? s : [s], i = [];
+      return v.forEach((V) => {
+        if (V instanceof File) {
+          const B = URL.createObjectURL(V);
+          i.push(B), m.push(B);
+        } else typeof V == "string" && i.push(V);
+      }), i;
+    })(a)), () => {
+      m.forEach((s) => URL.revokeObjectURL(s));
     };
-  }, [n]);
-  const y = (m) => {
-    const x = m.target.files;
-    if (!(!x || x.length === 0)) {
-      if (w) {
-        const a = Array.isArray(n) ? n : n ? [n] : [], I = Array.from(x).slice(0, b - a.length), c = [...a, ...I];
-        h(c);
+  }, [a]);
+  const x = (m) => {
+    const p = m.target.files;
+    if (!(!p || p.length === 0)) {
+      if (j) {
+        const s = Array.isArray(a) ? a : a instanceof File || typeof a == "string" ? [a] : [], v = Array.from(p).slice(0, k - s.length), i = [...s, ...v];
+        c(i);
       } else
-        h(x[0]);
+        c(p[0]);
       m.target.value = "";
     }
-  }, V = (m, x) => {
-    if (m.stopPropagation(), w && Array.isArray(n)) {
-      const a = n.filter((I, c) => c !== x);
-      h(a.length > 0 ? a : null);
+  }, M = (m, p) => {
+    if (m.stopPropagation(), j && Array.isArray(a)) {
+      const s = a.filter((v, i) => i !== p);
+      c(s.length > 0 ? s : null);
     } else
-      h(null);
-  }, O = () => {
+      c(null);
+  }, z = () => {
     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(
+    l || j && d.length >= k || (m = f.current) == null || m.click();
+  }, D = j && d.length < k;
+  return /* @__PURE__ */ o.jsxs(r, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: [
+    /* @__PURE__ */ o.jsx(
       "input",
       {
         ref: f,
         type: "file",
         accept: "image/*",
-        multiple: w,
-        onChange: y,
+        multiple: j,
+        onChange: x,
         disabled: l,
         style: { display: "none" }
       }
     ),
-    i.map((m, x) => /* @__PURE__ */ e.jsxs(
-      t,
+    d.map((m, p) => /* @__PURE__ */ o.jsxs(
+      r,
       {
-        onMouseEnter: () => k(x),
-        onMouseLeave: () => k(null),
+        onMouseEnter: () => I(p),
+        onMouseLeave: () => I(null),
         sx: {
           width: 50,
           height: 50,
@@ -225,12 +227,12 @@ const me = L(/* @__PURE__ */ e.jsx("path", {
           }
         },
         children: [
-          /* @__PURE__ */ e.jsx(
-            t,
+          /* @__PURE__ */ o.jsx(
+            r,
             {
               component: "img",
               src: m,
-              alt: `Preview ${x + 1}`,
+              alt: `Preview ${p + 1}`,
               sx: {
                 width: "100%",
                 height: "100%",
@@ -238,10 +240,10 @@ const me = L(/* @__PURE__ */ e.jsx("path", {
               }
             }
           ),
-          !l && u === x && /* @__PURE__ */ e.jsx(
-            t,
+          !l && h === p && /* @__PURE__ */ o.jsx(
+            r,
             {
-              onClick: (a) => V(a, x),
+              onClick: (s) => M(s, p),
               sx: {
                 position: "absolute",
                 top: 0,
@@ -251,15 +253,15 @@ const me = L(/* @__PURE__ */ e.jsx("path", {
                 display: "flex",
                 alignItems: "center",
                 justifyContent: "center",
-                bgcolor: z("#000", 0.5),
+                bgcolor: R("#000", 0.5),
                 cursor: "pointer",
                 transition: "background-color 0.2s",
                 "&:hover": {
-                  bgcolor: z("#000", 0.65)
+                  bgcolor: R("#000", 0.65)
                 }
               },
-              children: /* @__PURE__ */ e.jsx(
-                se,
+              children: /* @__PURE__ */ o.jsx(
+                ae,
                 {
                   sx: {
                     fontSize: 16,
@@ -271,12 +273,12 @@ const me = L(/* @__PURE__ */ e.jsx("path", {
           )
         ]
       },
-      x
+      p
     )),
-    (i.length === 0 || T) && /* @__PURE__ */ e.jsx(
-      t,
+    (d.length === 0 || D) && /* @__PURE__ */ o.jsx(
+      r,
       {
-        onClick: O,
+        onClick: z,
         sx: {
           width: 50,
           height: 50,
@@ -287,15 +289,15 @@ const me = L(/* @__PURE__ */ e.jsx("path", {
           alignItems: "center",
           justifyContent: "center",
           cursor: l ? "not-allowed" : "pointer",
-          bgcolor: z("#000", 0.02),
+          bgcolor: R("#000", 0.02),
           transition: "all 0.2s",
           "&:hover": l ? {} : {
             borderColor: "primary.main",
-            bgcolor: z("#000", 0.04)
+            bgcolor: R("#000", 0.04)
           }
         },
-        children: /* @__PURE__ */ e.jsx(
-          me,
+        children: /* @__PURE__ */ o.jsx(
+          xe,
           {
             sx: {
               fontSize: 20,
@@ -306,81 +308,107 @@ const me = L(/* @__PURE__ */ e.jsx("path", {
       }
     )
   ] });
-}), H = (r) => {
-  switch (r.input.type) {
+}), Ve = b.memo(({ input: e, value: a, onChange: c, onFocus: l, onBlur: f, disabled: d }) => /* @__PURE__ */ o.jsxs(
+  r,
+  {
+    sx: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      minWidth: 60
+    },
+    children: [
+      /* @__PURE__ */ o.jsx(F, { label: e.label }),
+      /* @__PURE__ */ o.jsx(
+        de,
+        {
+          checked: a ?? e.defaultValue ?? !1,
+          onChange: (u) => c(u.target.checked),
+          onFocus: l,
+          onBlur: f,
+          disabled: d,
+          size: "small"
+        }
+      )
+    ]
+  }
+)), O = (e) => {
+  switch (e.input.type) {
     case "textarea":
-      return /* @__PURE__ */ e.jsx(je, { ...r });
+      return /* @__PURE__ */ o.jsx(ve, { ...e });
     case "number":
-      return /* @__PURE__ */ e.jsx(ge, { ...r });
+      return /* @__PURE__ */ o.jsx(je, { ...e });
     case "slider":
-      return /* @__PURE__ */ e.jsx(Ie, { ...r });
+      return /* @__PURE__ */ o.jsx(Ie, { ...e });
     case "select":
-      return /* @__PURE__ */ e.jsx(pe, { ...r });
+      return /* @__PURE__ */ o.jsx(we, { ...e });
     case "image":
-      return /* @__PURE__ */ e.jsx(we, { input: r.input, value: r.value, onChange: r.onChange, disabled: r.disabled });
+      return /* @__PURE__ */ o.jsx(ke, { input: e.input, value: e.value, onChange: e.onChange, disabled: e.disabled });
+    case "checkbox":
+      return /* @__PURE__ */ o.jsx(Ve, { ...e });
     default:
       return null;
   }
-}, Me = ({
-  inputs: r = [],
-  onProcess: n,
-  onReset: h,
+}, U = ({
+  inputs: e = [],
+  onProcess: a,
+  onReset: c,
   onDownload: l,
   processing: f = !1,
-  uploading: i = !1,
-  inputValues: d = {},
-  onInputChange: u,
-  customActionButtons: k,
-  hideProcessButton: w = !1,
-  processButtonDisabled: b = !1,
-  getInputDisabled: y,
-  processTooltip: V = "Process",
-  downloadTooltip: O = "Download",
-  resetTooltip: T = "Reset",
+  uploading: d = !1,
+  inputValues: u = {},
+  onInputChange: h,
+  customActionButtons: I,
+  hideProcessButton: j = !1,
+  processButtonDisabled: k = !1,
+  getInputDisabled: x,
+  processTooltip: M = "Process",
+  downloadTooltip: z = "Download",
+  resetTooltip: D = "Reset",
   infoTooltip: m = "Information",
-  infoTitle: x = "Tool Information",
-  infoContent: a,
-  position: I = "bottom",
-  relative: c = !1
+  infoTitle: p = "Tool Information",
+  infoContent: s,
+  position: v = "bottom",
+  relative: i = !1
 }) => {
-  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),
+  const [V, B] = N(!1), [Y, H] = N(!1), [Z, K] = N(!1), C = V || Y, X = J(() => e.length === 0 ? !0 : e.every((t) => {
+    if (!t.required) return !0;
+    const n = u[t.key];
+    return t.type === "textarea" ? n && typeof n == "string" && n.trim() !== "" : t.type === "number" || t.type === "slider" ? n != null : t.type === "select" ? n != null && n !== "" : !0;
+  }), [e, u]), { imageInputs: E, textareaInputs: G, paramInputs: L } = J(() => e.reduce(
+    (t, n) => (n.type === "image" ? t.imageInputs.push(n) : n.type === "textarea" ? t.textareaInputs.push(n) : t.paramInputs.push(n), t),
     {
       imageInputs: [],
       textareaInputs: [],
       paramInputs: []
     }
-  ), [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);
+  ), [e]), ee = w(() => B(!0), []), oe = w(() => B(!1), []), T = w(() => H(!0), []), q = w(() => {
+    setTimeout(() => H(!1), 200);
+  }, []), A = w(
+    (t, n, g) => {
+      h == null || h(t, n, g);
     },
-    [u]
-  ), ee = v(() => N(!0), []), re = v(() => N(!1), []), $ = /* @__PURE__ */ e.jsxs(
-    t,
+    [h]
+  ), te = w(() => K(!0), []), ne = w(() => K(!1), []), $ = /* @__PURE__ */ o.jsxs(
+    r,
     {
       sx: {
-        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
+        position: i ? "relative" : "fixed",
+        [v]: i ? "auto" : 20,
+        left: i ? "auto" : "50%",
+        transform: i ? "none" : "translateX(-50%)",
+        zIndex: i ? "auto" : 1300,
+        display: i ? "flex" : "block",
+        justifyContent: i ? "center" : "initial",
+        mt: i && v === "top" ? 2 : 0,
+        mb: i && v === "bottom" ? 2 : 0
       },
       children: [
-        /* @__PURE__ */ e.jsxs(
-          t,
+        /* @__PURE__ */ o.jsxs(
+          r,
           {
-            onMouseEnter: Y,
-            onMouseLeave: Z,
+            onMouseEnter: ee,
+            onMouseLeave: oe,
             sx: {
               display: "flex",
               flexDirection: "column",
@@ -388,35 +416,36 @@ const me = L(/* @__PURE__ */ e.jsx("path", {
               p: 2,
               borderRadius: 2,
               border: 1,
-              borderColor: "divider"
+              borderColor: "divider",
+              bgcolor: "background.default"
             },
             children: [
-              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: (j) => S(o.key, j),
-                  isExpanded: A,
-                  onFocus: R,
-                  onBlur: F,
+              G.length > 0 && /* @__PURE__ */ o.jsx(r, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: G.map((t) => {
+                const n = u[t.key], g = (x == null ? void 0 : x(t.key)) ?? !1;
+                return t.renderInput ? /* @__PURE__ */ o.jsx(r, { children: t.renderInput({
+                  value: n,
+                  onChange: (y) => A(t.key, y),
+                  isExpanded: C,
+                  onFocus: T,
+                  onBlur: q,
                   disabled: g
-                }) }, o.key) : /* @__PURE__ */ e.jsx(
-                  H,
+                }) }, t.key) : /* @__PURE__ */ o.jsx(
+                  O,
                   {
-                    input: o,
-                    value: s,
-                    onChange: (j) => S(o.key, j),
-                    isExpanded: A,
-                    onFocus: R,
-                    onBlur: F,
+                    input: t,
+                    value: n,
+                    onChange: (y) => A(t.key, y),
+                    isExpanded: C,
+                    onFocus: T,
+                    onBlur: q,
                     disabled: g
                   },
-                  o.key
+                  t.key
                 );
               }) }),
-              /* @__PURE__ */ e.jsxs(t, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
-                /* @__PURE__ */ e.jsx(
-                  t,
+              /* @__PURE__ */ o.jsxs(r, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+                /* @__PURE__ */ o.jsx(
+                  r,
                   {
                     sx: {
                       display: "flex",
@@ -424,72 +453,72 @@ const me = L(/* @__PURE__ */ e.jsx("path", {
                       gap: 2,
                       flex: 1
                     },
-                    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: (j) => S(o.key, j),
-                          isExpanded: A,
-                          onFocus: R,
-                          onBlur: F,
+                    children: (E.length > 0 || L.length > 0) && /* @__PURE__ */ o.jsxs(r, { sx: { display: "flex", alignItems: "flex-end", gap: 1.5 }, children: [
+                      E.map((t) => {
+                        const n = u[t.key], g = (x == null ? void 0 : x(t.key)) ?? !1;
+                        return t.renderInput ? /* @__PURE__ */ o.jsx(r, { children: t.renderInput({
+                          value: n,
+                          onChange: (y) => A(t.key, y),
+                          isExpanded: C,
+                          onFocus: T,
+                          onBlur: q,
                           disabled: g
-                        }) }, o.key) : /* @__PURE__ */ e.jsx(
-                          H,
+                        }) }, t.key) : /* @__PURE__ */ o.jsx(
+                          O,
                           {
-                            input: o,
-                            value: s,
-                            onChange: (j) => S(o.key, j),
-                            isExpanded: A,
-                            onFocus: R,
-                            onBlur: F,
+                            input: t,
+                            value: n,
+                            onChange: (y) => A(t.key, y),
+                            isExpanded: C,
+                            onFocus: T,
+                            onBlur: q,
                             disabled: g
                           },
-                          o.key
+                          t.key
                         );
                       }),
-                      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: (j) => S(o.key, j),
-                          isExpanded: A,
-                          onFocus: R,
-                          onBlur: F,
+                      L.map((t) => {
+                        const n = u[t.key], g = (x == null ? void 0 : x(t.key)) ?? !1;
+                        return t.renderInput ? /* @__PURE__ */ o.jsx(r, { children: t.renderInput({
+                          value: n,
+                          onChange: (y) => A(t.key, y),
+                          isExpanded: C,
+                          onFocus: T,
+                          onBlur: q,
                           disabled: g
-                        }) }, o.key) : /* @__PURE__ */ e.jsx(
-                          H,
+                        }) }, t.key) : /* @__PURE__ */ o.jsx(
+                          O,
                           {
-                            input: o,
-                            value: s,
-                            onChange: (j) => S(o.key, j),
-                            isExpanded: A,
-                            onFocus: R,
-                            onBlur: F,
+                            input: t,
+                            value: n,
+                            onChange: (y) => A(t.key, y),
+                            isExpanded: C,
+                            onFocus: T,
+                            onBlur: q,
                             disabled: g
                           },
-                          o.key
+                          t.key
                         );
                       })
                     ] })
                   }
                 ),
-                (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,
+                (E.length > 0 || L.length > 0) && /* @__PURE__ */ o.jsx(ue, { orientation: "vertical", flexItem: !0, sx: { mx: 0.5, flexShrink: 0 } }),
+                /* @__PURE__ */ o.jsxs(r, { sx: { display: "flex", alignItems: "center", gap: 0.75, ml: "auto" }, children: [
+                  I,
+                  s && /* @__PURE__ */ o.jsx(_, { title: m, children: /* @__PURE__ */ o.jsx(S, { onClick: te, children: /* @__PURE__ */ o.jsx(ge, {}) }) }),
+                  /* @__PURE__ */ o.jsx(_, { title: z, children: /* @__PURE__ */ o.jsx(S, { onClick: l, children: /* @__PURE__ */ o.jsx(re, {}) }) }),
+                  /* @__PURE__ */ o.jsx(_, { title: D, children: /* @__PURE__ */ o.jsx(S, { onClick: c, children: /* @__PURE__ */ o.jsx(ye, {}) }) }),
+                  !j && /* @__PURE__ */ o.jsx(_, { title: M, children: /* @__PURE__ */ o.jsx("span", { children: /* @__PURE__ */ o.jsx(
+                    S,
                     {
-                      onClick: n,
-                      disabled: b || !D || i || f,
+                      onClick: a,
+                      disabled: k || !X || d || f,
                       size: "large",
-                      children: /* @__PURE__ */ e.jsx(
-                        ye,
+                      children: /* @__PURE__ */ o.jsx(
+                        be,
                         {
-                          color: b || !D || i || f ? "disabled" : "primary"
+                          color: k || !X || d || f ? "disabled" : "primary"
                         }
                       )
                     }
@@ -499,15 +528,34 @@ const me = L(/* @__PURE__ */ e.jsx("path", {
             ]
           }
         ),
-        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 })
+        s && /* @__PURE__ */ o.jsxs(ce, { open: Z, onClose: ne, maxWidth: "sm", fullWidth: !0, children: [
+          /* @__PURE__ */ o.jsx(fe, { children: p }),
+          /* @__PURE__ */ o.jsx(pe, { children: s })
         ] })
       ]
     }
   );
-  return !c && typeof window < "u" ? xe($, document.body) : $;
+  return !i && typeof window < "u" ? me($, document.body) : $;
 };
+U.displayName = "SAiToolBar";
+try {
+  W.displayName = "SAiToolBarInputType", W.__docgenInfo = { description: "Supported input types for SAiToolBar", displayName: "SAiToolBarInputType", props: {} };
+} catch {
+}
+try {
+  U.displayName = "SAiToolBar", U.__docgenInfo = { description: `A dynamic floating toolbar for AI tools with expandable inputs and action buttons.
+Features smooth expand/collapse animations, multiple input types, built-in validation,
+and portal rendering for proper z-index handling.`, displayName: "SAiToolBar", props: { inputs: { defaultValue: { value: "[]" }, description: "Configuration for input fields", name: "inputs", required: !1, type: { name: "SAiToolBarInput[]" } }, onProcess: { defaultValue: null, description: "Callback when process button is clicked", name: "onProcess", required: !1, type: { name: "(() => void)" } }, onReset: { defaultValue: null, description: "Callback when reset button is clicked", name: "onReset", required: !1, type: { name: "(() => void)" } }, onDownload: { defaultValue: null, description: "Callback when download button is clicked", name: "onDownload", required: !1, type: { name: "(() => void)" } }, processing: { defaultValue: { value: "false" }, description: "Whether the toolbar is in processing state", name: "processing", required: !1, type: { name: "boolean" } }, uploading: { defaultValue: { value: "false" }, description: "Whether the toolbar is in uploading state", name: "uploading", required: !1, type: { name: "boolean" } }, inputValues: { defaultValue: { value: "{}" }, description: "Input values controlled externally", name: "inputValues", required: !1, type: { name: "Record<string, SAiToolBarValue>" } }, onInputChange: { defaultValue: null, description: "Callback when input values change", name: "onInputChange", required: !1, type: { name: "((key: string, value: SAiToolBarValue, file?: File) => void)" } }, customActionButtons: { defaultValue: null, description: "Custom action buttons between inputs and standard actions", name: "customActionButtons", required: !1, type: { name: "ReactNode" } }, hideProcessButton: { defaultValue: { value: "false" }, description: "Hide the main process button", name: "hideProcessButton", required: !1, type: { name: "boolean" } }, processButtonDisabled: { defaultValue: { value: "false" }, description: "Override to disable the process button", name: "processButtonDisabled", required: !1, type: { name: "boolean" } }, getInputDisabled: { defaultValue: null, description: "Function to check if an input should be disabled", name: "getInputDisabled", required: !1, type: { name: "((inputKey: string) => boolean)" } }, processTooltip: { defaultValue: { value: "Process" }, description: "Tooltip for process button", name: "processTooltip", required: !1, type: { name: "string" } }, downloadTooltip: { defaultValue: { value: "Download" }, description: "Tooltip for download button", name: "downloadTooltip", required: !1, type: { name: "string" } }, resetTooltip: { defaultValue: { value: "Reset" }, description: "Tooltip for reset button", name: "resetTooltip", required: !1, type: { name: "string" } }, infoTooltip: { defaultValue: { value: "Information" }, description: "Tooltip for info button", name: "infoTooltip", required: !1, type: { name: "string" } }, infoTitle: { defaultValue: { value: "Tool Information" }, description: "Info dialog title", name: "infoTitle", required: !1, type: { name: "string" } }, infoContent: { defaultValue: null, description: "Info dialog content", name: "infoContent", required: !1, type: { name: "ReactNode" } }, position: { defaultValue: { value: "bottom" }, description: "Position of the toolbar", name: "position", required: !1, type: { name: "enum", value: [{ value: '"bottom"' }, { value: '"top"' }] } }, relative: { defaultValue: { value: "false" }, description: "Use relative positioning within container instead of fixed viewport positioning", name: "relative", required: !1, type: { name: "boolean" } } } };
+} catch {
+}
+try {
+  saitoolbar.displayName = "saitoolbar", saitoolbar.__docgenInfo = { description: `A dynamic floating toolbar for AI tools with expandable inputs and action buttons.
+Features smooth expand/collapse animations, multiple input types, built-in validation,
+and portal rendering for proper z-index handling.`, displayName: "saitoolbar", props: { inputs: { defaultValue: { value: "[]" }, description: "Configuration for input fields", name: "inputs", required: !1, type: { name: "SAiToolBarInput[]" } }, onProcess: { defaultValue: null, description: "Callback when process button is clicked", name: "onProcess", required: !1, type: { name: "(() => void)" } }, onReset: { defaultValue: null, description: "Callback when reset button is clicked", name: "onReset", required: !1, type: { name: "(() => void)" } }, onDownload: { defaultValue: null, description: "Callback when download button is clicked", name: "onDownload", required: !1, type: { name: "(() => void)" } }, processing: { defaultValue: { value: "false" }, description: "Whether the toolbar is in processing state", name: "processing", required: !1, type: { name: "boolean" } }, uploading: { defaultValue: { value: "false" }, description: "Whether the toolbar is in uploading state", name: "uploading", required: !1, type: { name: "boolean" } }, inputValues: { defaultValue: { value: "{}" }, description: "Input values controlled externally", name: "inputValues", required: !1, type: { name: "Record<string, SAiToolBarValue>" } }, onInputChange: { defaultValue: null, description: "Callback when input values change", name: "onInputChange", required: !1, type: { name: "((key: string, value: SAiToolBarValue, file?: File) => void)" } }, customActionButtons: { defaultValue: null, description: "Custom action buttons between inputs and standard actions", name: "customActionButtons", required: !1, type: { name: "ReactNode" } }, hideProcessButton: { defaultValue: { value: "false" }, description: "Hide the main process button", name: "hideProcessButton", required: !1, type: { name: "boolean" } }, processButtonDisabled: { defaultValue: { value: "false" }, description: "Override to disable the process button", name: "processButtonDisabled", required: !1, type: { name: "boolean" } }, getInputDisabled: { defaultValue: null, description: "Function to check if an input should be disabled", name: "getInputDisabled", required: !1, type: { name: "((inputKey: string) => boolean)" } }, processTooltip: { defaultValue: { value: "Process" }, description: "Tooltip for process button", name: "processTooltip", required: !1, type: { name: "string" } }, downloadTooltip: { defaultValue: { value: "Download" }, description: "Tooltip for download button", name: "downloadTooltip", required: !1, type: { name: "string" } }, resetTooltip: { defaultValue: { value: "Reset" }, description: "Tooltip for reset button", name: "resetTooltip", required: !1, type: { name: "string" } }, infoTooltip: { defaultValue: { value: "Information" }, description: "Tooltip for info button", name: "infoTooltip", required: !1, type: { name: "string" } }, infoTitle: { defaultValue: { value: "Tool Information" }, description: "Info dialog title", name: "infoTitle", required: !1, type: { name: "string" } }, infoContent: { defaultValue: null, description: "Info dialog content", name: "infoContent", required: !1, type: { name: "ReactNode" } }, position: { defaultValue: { value: "bottom" }, description: "Position of the toolbar", name: "position", required: !1, type: { name: "enum", value: [{ value: '"bottom"' }, { value: '"top"' }] } }, relative: { defaultValue: { value: "false" }, description: "Use relative positioning within container instead of fixed viewport positioning", name: "relative", required: !1, type: { name: "boolean" } } } };
+} catch {
+}
 export {
-  Me as default
+  U as SAiToolBar,
+  W as SAiToolBarInputType,
+  U as default
 };