@floegence/floe-webapp-core 0.1.0

package/dist/index2.js

@@ -0,0 +1,215 @@
+import { delegateEvents as z, template as f, insert as a, createComponent as n, Dynamic as p, memo as b, effect as w, className as y, setStyleProperty as R } from "solid-js/web";
+import { createSignal as H, createEffect as C, createMemo as $, For as _, Show as m } from "solid-js";
+import { useLayout as O } from "./index41.js";
+import { useResolvedFloeConfig as F } from "./index39.js";
+import { useMediaQuery as P } from "./index47.js";
+import { cn as x } from "./index53.js";
+import { useComponentRegistry as W } from "./index44.js";
+import { Sidebar as E } from "./index4.js";
+import { TopBar as Q } from "./index5.js";
+import { BottomBar as D } from "./index6.js";
+import { MobileTabBar as L } from "./index7.js";
+import { ActivityBar as N } from "./index3.js";
+import { ResizeHandle as T } from "./index8.js";
+var A = /* @__PURE__ */ f('<div class="flex items-center gap-2">'), j = /* @__PURE__ */ f('<div class="absolute inset-0 z-40 bg-background/80 backdrop-blur-sm cursor-pointer">'), q = /* @__PURE__ */ f('<div><div class="h-full overflow-auto overscroll-contain">'), G = /* @__PURE__ */ f('<div class="relative shrink-0 border-t border-border bg-terminal-background overflow-hidden">'), J = /* @__PURE__ */ f('<div><div class="flex-1 min-h-0 flex overflow-hidden relative"><div class="flex-1 min-w-0 flex flex-col overflow-hidden"><main class="flex-1 min-h-0 overflow-auto overscroll-contain">');
+function ae(o) {
+  const r = O(), B = F(), s = P(B.config.layout.mobileQuery), [v, g] = H(!1), d = (() => {
+    try {
+      return W();
+    } catch {
+      return null;
+    }
+  })();
+  C(() => {
+    const e = s();
+    r.isMobile() !== e && r.setIsMobile(e);
+  }), C(() => {
+    s() || g(!1);
+  });
+  const u = $(() => o.activityItems ? o.activityItems : d ? d.sidebarItems().filter((e) => !!e.icon).filter((e) => {
+    var t;
+    return !(s() && ((t = e.sidebar) != null && t.hiddenOnMobile));
+  }).map((e) => {
+    var t;
+    return {
+      id: e.id,
+      icon: e.icon,
+      label: e.name,
+      badge: (t = e.sidebar) == null ? void 0 : t.badge
+    };
+  }) : []), S = (e) => {
+    if (o.sidebarContent) return o.sidebarContent(e);
+    if (!d) return;
+    const t = d.getComponent(e);
+    if (t != null && t.sidebar && !t.sidebar.fullScreen)
+      return n(p, {
+        get component() {
+          return t.component;
+        }
+      });
+  }, I = $(() => {
+    var t;
+    if (!d) return !1;
+    const e = d.getComponent(r.sidebarActiveTab());
+    return ((t = e == null ? void 0 : e.sidebar) == null ? void 0 : t.fullScreen) ?? !1;
+  }), M = $(() => {
+    if (o.bottomBarItems) return o.bottomBarItems;
+    if (!d) return;
+    const e = [...d.statusBarItems()].sort((l, i) => (l.order ?? 100) - (i.order ?? 100)), t = e.filter((l) => l.position === "left"), c = e.filter((l) => l.position === "right");
+    return [(() => {
+      var l = A();
+      return a(l, n(_, {
+        each: t,
+        children: (i) => n(p, {
+          get component() {
+            return i.component;
+          }
+        })
+      })), l;
+    })(), (() => {
+      var l = A();
+      return a(l, n(_, {
+        each: c,
+        children: (i) => n(p, {
+          get component() {
+            return i.component;
+          }
+        })
+      })), l;
+    })()];
+  });
+  C(() => {
+    const e = u();
+    if (!e.length) return;
+    const t = r.sidebarActiveTab();
+    (!t || !e.some((c) => c.id === t)) && r.setSidebarActiveTab(e[0].id);
+  });
+  const k = (e) => {
+    r.sidebarActiveTab() === e && v() ? g(!1) : (r.setSidebarActiveTab(e), g(!0));
+  };
+  return (() => {
+    var e = J(), t = e.firstChild, c = t.firstChild, l = c.firstChild;
+    return a(e, n(Q, {
+      get logo() {
+        return o.logo;
+      },
+      get actions() {
+        return o.topBarActions;
+      }
+    }), t), a(t, n(m, {
+      get when() {
+        return !s();
+      },
+      get children() {
+        return [n(m, {
+          get when() {
+            return u().length > 0;
+          },
+          get children() {
+            return n(N, {
+              get items() {
+                return u();
+              },
+              get bottomItems() {
+                return o.activityBottomItems;
+              },
+              get activeId() {
+                return r.sidebarActiveTab();
+              },
+              get onActiveChange() {
+                return r.setSidebarActiveTab;
+              },
+              get collapsed() {
+                return r.sidebarCollapsed();
+              },
+              get onCollapsedChange() {
+                return r.setSidebarCollapsed;
+              }
+            });
+          }
+        }), n(m, {
+          get when() {
+            return b(() => !r.sidebarCollapsed())() && !I();
+          },
+          get children() {
+            return n(E, {
+              get width() {
+                return r.sidebarWidth();
+              },
+              get resizer() {
+                return n(T, {
+                  direction: "horizontal",
+                  onResize: (i) => r.setSidebarWidth(r.sidebarWidth() + i)
+                });
+              },
+              get children() {
+                return S(r.sidebarActiveTab());
+              }
+            });
+          }
+        })];
+      }
+    }), c), a(t, n(m, {
+      get when() {
+        return b(() => !!s())() && v();
+      },
+      get children() {
+        return [(() => {
+          var i = j();
+          return i.$$click = () => g(!1), i;
+        })(), (() => {
+          var i = q(), h = i.firstChild;
+          return a(h, () => S(r.sidebarActiveTab())), w(() => y(i, x("absolute left-0 top-0 bottom-0 z-50 w-80 max-w-[85vw]", "bg-sidebar border-r border-sidebar-border", "shadow-xl", "animate-in slide-in-from-left duration-200"))), i;
+        })()];
+      }
+    }), c), a(l, () => o.children), a(c, n(m, {
+      get when() {
+        return b(() => !!(!s() && r.terminalOpened()))() && o.terminalPanel;
+      },
+      get children() {
+        var i = G();
+        return a(i, n(T, {
+          direction: "vertical",
+          onResize: (h) => r.setTerminalHeight(r.terminalHeight() - h)
+        }), null), a(i, () => o.terminalPanel, null), w((h) => R(i, "height", `${r.terminalHeight()}px`)), i;
+      }
+    }), null), a(e, n(m, {
+      get when() {
+        return !s();
+      },
+      get children() {
+        return n(D, {
+          get children() {
+            return M();
+          }
+        });
+      }
+    }), null), a(e, n(m, {
+      get when() {
+        return b(() => !!s())() && u().length > 0;
+      },
+      get children() {
+        return n(L, {
+          get items() {
+            return u();
+          },
+          get activeId() {
+            return b(() => !!v())() ? r.sidebarActiveTab() : "";
+          },
+          onSelect: k
+        });
+      }
+    }), null), w(() => y(e, x(
+      // Use dvh when supported to avoid mobile browser UI causing layout jumps.
+      "h-screen h-[100dvh] w-full flex flex-col overflow-hidden",
+      "bg-background text-foreground",
+      // Prevent overscroll on the shell container
+      "overscroll-none",
+      o.class
+    ))), e;
+  })();
+}
+z(["click"]);
+export {
+  ae as Shell
+};

package/dist/index20.js

@@ -0,0 +1,79 @@
+import { template as n, insert as o, createComponent as s, spread as c, mergeProps as d } from "solid-js/web";
+import { splitProps as g, Show as i } from "solid-js";
+import { cn as p } from "./index53.js";
+var m = /* @__PURE__ */ n('<div class="absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none">'), h = /* @__PURE__ */ n('<div class="absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none">'), f = /* @__PURE__ */ n('<p class="mt-1 text-[11px] text-error">'), x = /* @__PURE__ */ n("<div class=relative><input>"), b = /* @__PURE__ */ n("<div><textarea>");
+const v = {
+  sm: "h-7 text-xs px-2",
+  md: "h-8 text-xs px-2.5",
+  lg: "h-9 text-sm px-3"
+};
+function I(a) {
+  const [r, u] = g(a, ["size", "error", "leftIcon", "rightIcon", "class"]);
+  return (() => {
+    var t = x(), l = t.firstChild;
+    return o(t, s(i, {
+      get when() {
+        return r.leftIcon;
+      },
+      get children() {
+        var e = m();
+        return o(e, () => r.leftIcon), e;
+      }
+    }), l), c(l, d({
+      get class() {
+        return p(
+          "w-full rounded border border-input bg-background shadow-sm",
+          "placeholder:text-muted-foreground/60",
+          "transition-colors duration-100",
+          "focus:outline-none focus:ring-1 focus:ring-ring focus:border-ring",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          r.error && "border-error focus:ring-error",
+          v[r.size ?? "md"],
+          // Icon padding must come AFTER sizeStyles to override px-*
+          r.leftIcon && "pl-10",
+          r.rightIcon && "pr-10",
+          r.class
+        );
+      }
+    }, u), !1, !1), o(t, s(i, {
+      get when() {
+        return r.rightIcon;
+      },
+      get children() {
+        var e = h();
+        return o(e, () => r.rightIcon), e;
+      }
+    }), null), o(t, s(i, {
+      get when() {
+        return r.error;
+      },
+      get children() {
+        var e = f();
+        return o(e, () => r.error), e;
+      }
+    }), null), t;
+  })();
+}
+function y(a) {
+  const [r, u] = g(a, ["error", "class"]);
+  return (() => {
+    var t = b(), l = t.firstChild;
+    return c(l, d({
+      get class() {
+        return p("w-full min-h-16 rounded border border-input bg-background p-2.5 text-xs shadow-sm", "placeholder:text-muted-foreground/60", "transition-colors duration-100", "focus:outline-none focus:ring-1 focus:ring-ring focus:border-ring", "disabled:cursor-not-allowed disabled:opacity-50", "resize-y", r.error && "border-error focus:ring-error", r.class);
+      }
+    }, u), !1, !1), o(t, s(i, {
+      get when() {
+        return r.error;
+      },
+      get children() {
+        var e = f();
+        return o(e, () => r.error), e;
+      }
+    }), null), t;
+  })();
+}
+export {
+  I as Input,
+  y as Textarea
+};

package/dist/index21.js

@@ -0,0 +1,162 @@
+import { delegateEvents as E, createComponent as o, Portal as _, template as c, insert as l, effect as b, setAttribute as v, className as D, use as T } from "solid-js/web";
+import { createUniqueId as O, createEffect as $, onCleanup as x, Show as s } from "solid-js";
+import { cn as L } from "./index53.js";
+import { Button as y } from "./index19.js";
+import { X as z } from "./index30.js";
+import { lockBodyStyle as F } from "./index57.js";
+import { useResolvedFloeConfig as I } from "./index39.js";
+var j = /* @__PURE__ */ c('<div class="fixed inset-0 z-50 bg-background/80 backdrop-blur-sm animate-in fade-in cursor-pointer">'), H = /* @__PURE__ */ c('<h2 class="text-sm font-semibold">'), M = /* @__PURE__ */ c('<p class="mt-0.5 text-xs text-muted-foreground">'), S = /* @__PURE__ */ c('<div class="flex items-start justify-between p-3 border-b border-border"><div>'), q = /* @__PURE__ */ c('<div class="flex items-center justify-end gap-2 p-3 border-t border-border">'), A = /* @__PURE__ */ c('<div role=dialog aria-modal=true tabindex=-1><div class="flex-1 overflow-auto p-3">'), B = /* @__PURE__ */ c("<div>");
+function k(e) {
+  const a = ["a[href]", "button:not([disabled])", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])", '[tabindex]:not([tabindex="-1"])', '[contenteditable="true"]'].join(",");
+  return Array.from(e.querySelectorAll(a)).filter((f) => f instanceof HTMLElement);
+}
+function K(e) {
+  const a = O(), f = () => `dialog-${a}-title`, w = () => `dialog-${a}-description`;
+  let m;
+  return $(() => {
+    if (!e.open || typeof document > "u") return;
+    const n = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    setTimeout(() => {
+      const t = m;
+      if (!t) return;
+      (k(t)[0] ?? t).focus();
+    }, 0);
+    const d = (t) => {
+      if (t.key === "Escape") {
+        e.onOpenChange(!1);
+        return;
+      }
+      if (t.key !== "Tab") return;
+      const i = m;
+      if (!i) return;
+      const r = k(i);
+      if (!r.length) {
+        t.preventDefault(), i.focus();
+        return;
+      }
+      const u = r[0], C = r[r.length - 1], g = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+      t.shiftKey ? (g === u || !g || !i.contains(g)) && (t.preventDefault(), C.focus()) : g === C && (t.preventDefault(), u.focus());
+    };
+    document.addEventListener("keydown", d, !0), x(() => document.removeEventListener("keydown", d, !0)), x(() => n == null ? void 0 : n.focus());
+  }), $(() => {
+    if (!e.open) return;
+    const n = F({
+      overflow: "hidden"
+    });
+    x(n);
+  }), o(s, {
+    get when() {
+      return e.open;
+    },
+    get children() {
+      return o(_, {
+        get children() {
+          return [(() => {
+            var n = j();
+            return n.$$click = () => e.onOpenChange(!1), n;
+          })(), (() => {
+            var n = A(), h = n.firstChild, d = m;
+            return typeof d == "function" ? T(d, n) : m = n, l(n, o(s, {
+              get when() {
+                return e.title || e.description;
+              },
+              get children() {
+                var t = S(), i = t.firstChild;
+                return l(i, o(s, {
+                  get when() {
+                    return e.title;
+                  },
+                  get children() {
+                    var r = H();
+                    return l(r, () => e.title), b(() => v(r, "id", f())), r;
+                  }
+                }), null), l(i, o(s, {
+                  get when() {
+                    return e.description;
+                  },
+                  get children() {
+                    var r = M();
+                    return l(r, () => e.description), b(() => v(r, "id", w())), r;
+                  }
+                }), null), l(t, o(y, {
+                  variant: "ghost",
+                  size: "icon",
+                  class: "h-6 w-6 -mr-1",
+                  onClick: () => e.onOpenChange(!1),
+                  "aria-label": "Close",
+                  get children() {
+                    return o(z, {
+                      class: "w-3.5 h-3.5"
+                    });
+                  }
+                }), null), t;
+              }
+            }), h), l(h, () => e.children), l(n, o(s, {
+              get when() {
+                return e.footer;
+              },
+              get children() {
+                var t = q();
+                return l(t, () => e.footer), t;
+              }
+            }), null), b((t) => {
+              var i = L("fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2", "w-full max-w-md max-h-[85vh]", "bg-card text-card-foreground rounded-md shadow-lg", "border border-border", "animate-in fade-in zoom-in-95", "flex flex-col", e.class), r = e.title ? f() : void 0, u = e.description ? w() : void 0;
+              return i !== t.e && D(n, t.e = i), r !== t.t && v(n, "aria-labelledby", t.t = r), u !== t.a && v(n, "aria-describedby", t.a = u), t;
+            }, {
+              e: void 0,
+              t: void 0,
+              a: void 0
+            }), n;
+          })()];
+        }
+      });
+    }
+  });
+}
+function Q(e) {
+  const a = I();
+  return o(K, {
+    get open() {
+      return e.open;
+    },
+    get onOpenChange() {
+      return e.onOpenChange;
+    },
+    get title() {
+      return e.title;
+    },
+    get description() {
+      return e.description;
+    },
+    get footer() {
+      return [o(y, {
+        variant: "ghost",
+        onClick: () => e.onOpenChange(!1),
+        get children() {
+          return e.cancelText ?? a.config.strings.confirmDialog.cancel;
+        }
+      }), o(y, {
+        get variant() {
+          return e.variant === "destructive" ? "destructive" : "primary";
+        },
+        get onClick() {
+          return e.onConfirm;
+        },
+        get loading() {
+          return e.loading;
+        },
+        get children() {
+          return e.confirmText ?? a.config.strings.confirmDialog.confirm;
+        }
+      })];
+    },
+    get children() {
+      return B();
+    }
+  });
+}
+E(["click"]);
+export {
+  Q as ConfirmDialog,
+  K as Dialog
+};