react-semaphor 0.0.43 → 0.0.45

package/dist/react-semaphor.js

@@ -39212,7 +39212,7 @@ function Nre() {
         /* @__PURE__ */ w.jsx("div", { children: e }),
         /* @__PURE__ */ w.jsxs("div", { className: "flex gap-2", children: [
           r && !i && /* @__PURE__ */ w.jsx(Are, {}),
-          /* @__PURE__ */ w.jsx(Ire, {}),
+          !i && /* @__PURE__ */ w.jsx(Ire, {}),
           r && !i && /* @__PURE__ */ w.jsxs(
             ut,
             {
@@ -49603,190 +49603,198 @@ function Gue() {
   }
   return (
     // This is a tricky css, the pt-8 is to make sure the editor doesn't slide under the header
-    /* @__PURE__ */ w.jsxs("section", { className: "grow h-full flex flex-col  justify-end pt-3  ", children: [
-      /* @__PURE__ */ w.jsxs("div", { className: " grow flex relative  justify-between ", children: [
-        /* @__PURE__ */ w.jsx(
-          "div",
-          {
-            className: `flex ${r ? "w-2/3" : "w-[95%]"} xbg-red-100 p-1`,
-            children: /* @__PURE__ */ w.jsx(
-              my,
-              {
-                theme: "default",
-                onChange: (H) => {
-                  _(H), console.log(H);
-                },
-                value: S,
-                options: {
-                  minimap: {
-                    enabled: !1
-                  },
-                  wordWrap: "on",
-                  scrollbar: {
-                    verticalScrollbarSize: 0,
-                    horizontalScrollbarSize: 0
-                  },
-                  fontSize: 14,
-                  renderLineHighlight: "none"
-                },
-                defaultLanguage: "sql",
-                defaultValue: "SELECT * FROM table",
-                beforeMount: ee,
-                onMount: ge
-              }
-            )
-          }
-        ),
-        r && /* @__PURE__ */ w.jsx("div", { className: " w-1/3  text-xs relative overflow-hidden xbg-yellow-100 p-1 ", children: /* @__PURE__ */ w.jsxs("div", { className: "min-h-0  ", children: [
-          /* @__PURE__ */ w.jsxs("div", { className: "flex gap-2 items-center", children: [
+    /* @__PURE__ */ w.jsxs(
+      "section",
+      {
+        role: "editor-section",
+        className: "grow  flex flex-col  justify-end pt-3 p-1 ",
+        children: [
+          /* @__PURE__ */ w.jsxs("div", { className: " grow flex relative overflow-y-scroll justify-between ", children: [
             /* @__PURE__ */ w.jsx(
-              mse,
+              "div",
               {
-                checked: O,
-                onCheckedChange: () => z(!O),
-                text: "Apply Filters"
+                role: "editor-container",
+                className: `flex  ${r ? "w-2/3" : "w-[95%]"} xbg-red-100 p-1`,
+                children: /* @__PURE__ */ w.jsx(
+                  my,
+                  {
+                    theme: "default",
+                    onChange: (H) => {
+                      _(H), console.log(H);
+                    },
+                    value: S,
+                    options: {
+                      minimap: {
+                        enabled: !1
+                      },
+                      wordWrap: "on",
+                      scrollbar: {
+                        verticalScrollbarSize: 0,
+                        horizontalScrollbarSize: 0
+                      },
+                      fontSize: 14,
+                      renderLineHighlight: "none"
+                    },
+                    defaultLanguage: "sql",
+                    defaultValue: "SELECT * FROM table",
+                    beforeMount: ee,
+                    onMount: ge
+                  }
+                )
               }
             ),
-            /* @__PURE__ */ w.jsx(vse, {})
-          ] }),
-          /* @__PURE__ */ w.jsx(
-            my,
-            {
-              theme: "default",
-              onChange: (H) => {
-                if (H)
-                  try {
-                    JSON.parse(H), I(JSON.parse(H));
-                  } catch {
+            r && /* @__PURE__ */ w.jsx("div", { className: " w-1/3  text-xs relative overflow-hidden xbg-yellow-100 p-1 ", children: /* @__PURE__ */ w.jsxs("div", { className: "min-h-0  ", children: [
+              /* @__PURE__ */ w.jsxs("div", { className: "flex gap-2 items-center", children: [
+                /* @__PURE__ */ w.jsx(
+                  mse,
+                  {
+                    checked: O,
+                    onCheckedChange: () => z(!O),
+                    text: "Apply Filters"
                   }
-              },
-              defaultLanguage: "json",
-              className: "min-h-[220px]  mt-1",
-              value: JSON.stringify(E, null, 2),
-              options: {
-                readOnly: !0,
-                minimap: {
-                  enabled: !1
-                },
-                lineNumbers: "off",
-                glyphMargin: !1,
-                wordWrap: "on",
-                scrollbar: {
-                  verticalScrollbarSize: 0,
-                  horizontalScrollbarSize: 0
-                },
-                fontSize: 12,
-                renderLineHighlight: "none"
+                ),
+                /* @__PURE__ */ w.jsx(vse, {})
+              ] }),
+              /* @__PURE__ */ w.jsx(
+                my,
+                {
+                  theme: "default",
+                  onChange: (H) => {
+                    if (H)
+                      try {
+                        JSON.parse(H), I(JSON.parse(H));
+                      } catch {
+                      }
+                  },
+                  defaultLanguage: "json",
+                  className: "min-h-[220px]  mt-1",
+                  value: JSON.stringify(E, null, 2),
+                  options: {
+                    readOnly: !0,
+                    minimap: {
+                      enabled: !1
+                    },
+                    lineNumbers: "off",
+                    glyphMargin: !1,
+                    wordWrap: "on",
+                    scrollbar: {
+                      verticalScrollbarSize: 0,
+                      horizontalScrollbarSize: 0
+                    },
+                    fontSize: 12,
+                    renderLineHighlight: "none"
+                  }
+                }
+              )
+            ] }) }),
+            E && r && /* @__PURE__ */ w.jsx(
+              Wa,
+              {
+                onClick: () => i(!1),
+                className: "absolute right-6 top-1 w-3 h-3 text-foreground/50 hover:text-foreground hover:cursor-pointer"
               }
-            }
-          )
-        ] }) }),
-        E && r && /* @__PURE__ */ w.jsx(
-          Wa,
-          {
-            onClick: () => i(!1),
-            className: "absolute right-6 top-1 w-3 h-3 text-foreground/50 hover:text-foreground hover:cursor-pointer"
-          }
-        ),
-        E && !r && /* @__PURE__ */ w.jsx(
-          Dk,
-          {
-            onClick: () => i(!0),
-            className: De(
-              "absolute right-6 top-1 w-3 h-3 text-foreground/50 hover:text-foreground hover:cursor-pointer",
+            ),
+            E && !r && /* @__PURE__ */ w.jsx(
+              Dk,
               {
-                "text-red-800 font-bold": O
+                onClick: () => i(!0),
+                className: De(
+                  "absolute right-6 top-1 w-3 h-3 text-foreground/50 hover:text-foreground hover:cursor-pointer",
+                  {
+                    "text-red-800 font-bold": O
+                  }
+                )
               }
             )
-          }
-        )
-      ] }),
-      /* @__PURE__ */ w.jsxs("div", { className: " flex grow px-6 pt-3 pb-4 gap-2 justify-between item-center", children: [
-        /* @__PURE__ */ w.jsxs("div", { className: "flex grow gap-2 items-center", children: [
-          /* @__PURE__ */ w.jsxs(
-            ut,
-            {
-              disabled: q || se,
-              onClick: () => {
-                ne();
-              },
-              className: "  shrink-0",
-              size: "sm",
-              variant: "outline",
-              children: [
-                (q || se) && /* @__PURE__ */ w.jsx(zd, { className: "w-4 h-4 mr-2 animate-spin text-foreground/50" }),
-                "Run"
-              ]
-            }
-          ),
-          W && // <div className="text-sm flex items-center ">{error.message}</div>
-          /* @__PURE__ */ w.jsx(ase, { error: re.message }),
-          /* @__PURE__ */ w.jsx(
-            ut,
-            {
-              onClick: be,
-              className: "",
-              size: "sm",
-              variant: "outline",
-              children: "Clear"
-            }
-          ),
-          /* @__PURE__ */ w.jsx(
-            Xd,
-            {
-              value: a,
-              placeholder: "Type something...",
-              onChange: (H) => {
-                l(H.target.value);
-              },
-              onKeyDown: (H) => {
-                H.key === "Enter" && (H.preventDefault(), console.log("enter pressed"), d(!0), s(!0));
-              },
-              className: " bg-muted border-none h-9  focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
-            }
-          ),
-          /* @__PURE__ */ w.jsx(
-            Uue,
-            {
-              open: o,
-              setOpen: s,
-              userInput: a,
-              triggerAIRun: c,
-              setTriggerAIRun: d,
-              setUserInput: (H) => l(H)
-            }
-          )
-        ] }),
-        /* @__PURE__ */ w.jsxs("div", { className: "flex gap-2 items-end ", children: [
-          /* @__PURE__ */ w.jsx(
-            ut,
-            {
-              onClick: fe,
-              size: "sm",
-              variant: "outline",
-              children: /* @__PURE__ */ w.jsx(
-                Rg,
+          ] }),
+          /* @__PURE__ */ w.jsxs("div", { className: " flex grow px-6 pt-3 pb-4 gap-2 justify-between item-center", children: [
+            /* @__PURE__ */ w.jsxs("div", { className: "flex grow gap-2 items-center", children: [
+              /* @__PURE__ */ w.jsxs(
+                ut,
                 {
-                  size: 16,
-                  strokeWidth: 2,
-                  className: "text-green-600 font-bold"
+                  disabled: q || se,
+                  onClick: () => {
+                    ne();
+                  },
+                  className: "  shrink-0",
+                  size: "sm",
+                  variant: "outline",
+                  children: [
+                    (q || se) && /* @__PURE__ */ w.jsx(zd, { className: "w-4 h-4 mr-2 animate-spin text-foreground/50" }),
+                    "Run"
+                  ]
+                }
+              ),
+              W && // <div className="text-sm flex items-center ">{error.message}</div>
+              /* @__PURE__ */ w.jsx(ase, { error: re.message }),
+              /* @__PURE__ */ w.jsx(
+                ut,
+                {
+                  onClick: be,
+                  className: "",
+                  size: "sm",
+                  variant: "outline",
+                  children: "Clear"
+                }
+              ),
+              /* @__PURE__ */ w.jsx(
+                Xd,
+                {
+                  value: a,
+                  placeholder: "Type something...",
+                  onChange: (H) => {
+                    l(H.target.value);
+                  },
+                  onKeyDown: (H) => {
+                    H.key === "Enter" && (H.preventDefault(), console.log("enter pressed"), d(!0), s(!0));
+                  },
+                  className: " bg-muted border-none h-9  focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
+                }
+              ),
+              /* @__PURE__ */ w.jsx(
+                Uue,
+                {
+                  open: o,
+                  setOpen: s,
+                  userInput: a,
+                  triggerAIRun: c,
+                  setTriggerAIRun: d,
+                  setUserInput: (H) => l(H)
                 }
               )
-            }
-          ),
-          /* @__PURE__ */ w.jsx(
-            ut,
-            {
-              onClick: ie,
-              className: " w-full",
-              size: "sm",
-              variant: "outline",
-              children: /* @__PURE__ */ w.jsx(Wa, { className: " h-3.5 w-3.5" })
-            }
-          )
-        ] })
-      ] })
-    ] })
+            ] }),
+            /* @__PURE__ */ w.jsxs("div", { className: "flex gap-2 items-end ", children: [
+              /* @__PURE__ */ w.jsx(
+                ut,
+                {
+                  onClick: fe,
+                  size: "sm",
+                  variant: "outline",
+                  children: /* @__PURE__ */ w.jsx(
+                    Rg,
+                    {
+                      size: 16,
+                      strokeWidth: 2,
+                      className: "text-green-600 font-bold"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ w.jsx(
+                ut,
+                {
+                  onClick: ie,
+                  className: " w-full",
+                  size: "sm",
+                  variant: "outline",
+                  children: /* @__PURE__ */ w.jsx(Wa, { className: " h-3.5 w-3.5" })
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    )
   );
 }
 const NA = "Switch", [Yue, Bfe] = jn(NA), [Kue, Xue] = Yue(NA), Que = /* @__PURE__ */ pe((e, t) => {
@@ -51240,7 +51248,7 @@ function ufe() {
       direction: "vertical",
       className: "min-w-full max-w-lg  min-h-[250px]",
       children: [
-        /* @__PURE__ */ w.jsx(Ah, { minSize: 40, defaultSize: 40, children: /* @__PURE__ */ w.jsx(Gue, {}) }),
+        /* @__PURE__ */ w.jsx(Ah, { className: "flex", minSize: 40, defaultSize: 40, children: /* @__PURE__ */ w.jsx(Gue, {}) }),
         /* @__PURE__ */ w.jsx(sP, { className: "border-[1.5px] border-muted" }),
         /* @__PURE__ */ w.jsx(Ah, { minSize: 60, defaultSize: 60, children: e ? /* @__PURE__ */ w.jsxs(oP, { direction: "horizontal", children: [
           /* @__PURE__ */ w.jsx(w.Fragment, { children: /* @__PURE__ */ w.jsx(