@floegence/floe-webapp-core 0.36.62 → 0.36.63

package/dist/components/layout/BottomBar.d.ts

@@ -2,6 +2,8 @@ import { type JSX } from 'solid-js';
 export interface BottomBarProps {
     children?: JSX.Element;
     class?: string;
+    /** Height class, defaults to 'h-5' (20px). Use Tailwind height classes like 'h-7' (28px). */
+    height?: string;
 }
 /**
  * Status bar at the bottom of the application

package/dist/components/layout/BottomBar.js

@@ -6,7 +6,7 @@ var h = /* @__PURE__ */ i("<footer data-floe-shell-slot=bottom-bar style=border-
 function C(e) {
   return (() => {
     var r = h();
-    return n(r, () => e.children), a(() => u(r, m("h-5 shrink-0 flex items-center justify-between px-1.5", "bg-background border-t border-border", "text-[10px] text-muted-foreground font-mono", e.class))), r;
+    return n(r, () => e.children), a(() => u(r, m(e.height ?? "h-5", "shrink-0 flex items-center justify-between px-1.5", "bg-background border-t border-border", "text-[10px] text-muted-foreground font-mono", e.class))), r;
   })();
 }
 function v(e) {

package/dist/components/layout/Shell.d.ts

@@ -12,6 +12,8 @@ export interface ShellSlotClassNames {
     main?: string;
     terminalPanel?: string;
     bottomBar?: string;
+    /** Height class for the bottom bar, defaults to 'h-5' (20px). Use Tailwind height classes like 'h-7' (28px). */
+    bottomBarHeight?: string;
     mobileTabBar?: string;
 }
 export interface ShellProps {

package/dist/components/layout/Shell.js

@@ -17,7 +17,7 @@ import { ResizeHandle as Q } from "./ResizeHandle.js";
 import { resolveMobileTabActiveId as Ce, resolveMobileTabSelect as ye } from "./mobileTabs.js";
 import { KeepAliveStack as Ie } from "./KeepAliveStack.js";
 import { resolveShellSidebarActiveTabChange as we } from "./sidebarVisibilityMotion.js";
-var q = /* @__PURE__ */ x('<div class="flex items-center gap-2">'), Me = /* @__PURE__ */ x("<div data-floe-shell-slot=mobile-sidebar-backdrop>"), Be = /* @__PURE__ */ x('<div data-floe-shell-slot=mobile-sidebar-drawer tabindex=-1 role=dialog aria-modal=true><div class="h-full overflow-auto overscroll-contain">'), ke = /* @__PURE__ */ x("<div data-floe-shell-slot=terminal-panel style=border-top-color:var(--terminal-panel-border)>"), xe = /* @__PURE__ */ x('<div data-floe-shell><a></a><div data-floe-shell-slot=main-layout class="flex-1 min-h-0 flex overflow-hidden relative"><div data-floe-shell-slot=content-area><main data-floe-shell-slot=main tabindex=-1>');
+var q = /* @__PURE__ */ x('<div class="flex items-center gap-2">'), Be = /* @__PURE__ */ x("<div data-floe-shell-slot=mobile-sidebar-backdrop>"), Me = /* @__PURE__ */ x('<div data-floe-shell-slot=mobile-sidebar-drawer tabindex=-1 role=dialog aria-modal=true><div class="h-full overflow-auto overscroll-contain">'), ke = /* @__PURE__ */ x("<div data-floe-shell-slot=terminal-panel style=border-top-color:var(--terminal-panel-border)>"), xe = /* @__PURE__ */ x('<div data-floe-shell><a></a><div data-floe-shell-slot=main-layout class="flex-1 min-h-0 flex overflow-hidden relative"><div data-floe-shell-slot=content-area><main data-floe-shell-slot=main tabindex=-1>');
 function Ke(r) {
   const i = ae(), W = le(), s = se(W.config.layout.mobileQuery), [A, y] = D(!1), [F, z] = D(null);
   let $;
@@ -56,7 +56,7 @@ function Ke(r) {
     const e = i.sidebarVisibilityMotion(), a = i.sidebarVisibilityMotionRevision();
     e === "instant" && ce(() => i.clearSidebarVisibilityMotion(a));
   });
-  const M = w(() => r.activityItems ? r.activityItems : d ? d.sidebarItems().filter((e) => !!e.icon).filter((e) => !(s() && e.sidebar?.hiddenOnMobile)).map((e) => ({
+  const B = w(() => r.activityItems ? r.activityItems : d ? d.sidebarItems().filter((e) => !!e.icon).filter((e) => !(s() && e.sidebar?.hiddenOnMobile)).map((e) => ({
     id: e.id,
     icon: e.icon,
     label: e.name,
@@ -116,7 +116,7 @@ function Ke(r) {
     })()];
   });
   I(() => {
-    const e = M();
+    const e = B();
     if (!e.length) return;
     if (!i.sidebarActiveTab()) {
       const l = e.find((n) => !n.onClick);
@@ -214,12 +214,12 @@ function Ke(r) {
       get children() {
         return [o(S, {
           get when() {
-            return M().length > 0;
+            return B().length > 0;
           },
           get children() {
             return o(Se, {
               get items() {
-                return M();
+                return B();
               },
               get bottomItems() {
                 return r.activityBottomItems;
@@ -284,13 +284,13 @@ function Ke(r) {
       },
       get children() {
         return [(() => {
-          var t = Me();
+          var t = Be();
           return t.$$click = () => y(!1), N(() => h(t, C("absolute inset-0 z-40 bg-black/30 cursor-pointer", r.slotClassNames?.mobileSidebarBackdrop))), t;
         })(), (() => {
-          var t = Be(), m = t.firstChild, g = $;
+          var t = Me(), m = t.firstChild, g = $;
           return typeof g == "function" ? ne(g, t) : $ = t, c(m, () => H(i.sidebarActiveTab())), N((f) => {
-            var B = C("absolute left-0 top-0 bottom-0 z-50", "w-72 max-w-[80vw]", "bg-sidebar border-r border-sidebar-border", "shadow-xl", "animate-in slide-in-from-left duration-200", r.slotClassNames?.mobileSidebarDrawer), k = v().sidebarLabel;
-            return B !== f.e && h(t, f.e = B), k !== f.t && L(t, "aria-label", f.t = k), f;
+            var M = C("absolute left-0 top-0 bottom-0 z-50", "w-72 max-w-[80vw]", "bg-sidebar border-r border-sidebar-border", "shadow-xl", "animate-in slide-in-from-left duration-200", r.slotClassNames?.mobileSidebarDrawer), k = v().sidebarLabel;
+            return M !== f.e && h(t, f.e = M), k !== f.t && L(t, "aria-label", f.t = k), f;
           }, {
             e: void 0,
             t: void 0
@@ -323,6 +323,9 @@ function Ke(r) {
           get class() {
             return r.slotClassNames?.bottomBar;
           },
+          get height() {
+            return r.slotClassNames?.bottomBarHeight;
+          },
           get children() {
             return G();
           }
@@ -330,12 +333,12 @@ function Ke(r) {
       }
     }), null), c(e, o(S, {
       get when() {
-        return p(() => !!s())() && M().length > 0;
+        return p(() => !!s())() && B().length > 0;
       },
       get children() {
         return o(he, {
           get items() {
-            return M();
+            return B();
           },
           get activeId() {
             return Ce({
@@ -363,8 +366,8 @@ function Ke(r) {
         "overscroll-none",
         r.slotClassNames?.root,
         r.class
-      ), g = `#${v().mainContentId}`, f = C("fixed left-3 top-3 z-[120] rounded-md bg-primary px-3 py-2 text-xs font-medium text-primary-foreground shadow-md", "transition-transform duration-150 motion-reduce:transition-none", "-translate-y-[200%] focus:translate-y-0"), B = C("flex-1 min-w-0 flex flex-col overflow-hidden", r.slotClassNames?.contentArea), k = C("flex-1 min-h-0 overflow-auto overscroll-contain", r.slotClassNames?.main), E = v().mainContentId, _ = v().mainLabel;
-      return m !== t.e && h(e, t.e = m), g !== t.t && L(a, "href", t.t = g), f !== t.a && h(a, t.a = f), B !== t.o && h(n, t.o = B), k !== t.i && h(u, t.i = k), E !== t.n && L(u, "id", t.n = E), _ !== t.s && L(u, "aria-label", t.s = _), t;
+      ), g = `#${v().mainContentId}`, f = C("fixed left-3 top-3 z-[120] rounded-md bg-primary px-3 py-2 text-xs font-medium text-primary-foreground shadow-md", "transition-transform duration-150 motion-reduce:transition-none", "-translate-y-[200%] focus:translate-y-0"), M = C("flex-1 min-w-0 flex flex-col overflow-hidden", r.slotClassNames?.contentArea), k = C("flex-1 min-h-0 overflow-auto overscroll-contain", r.slotClassNames?.main), E = v().mainContentId, _ = v().mainLabel;
+      return m !== t.e && h(e, t.e = m), g !== t.t && L(a, "href", t.t = g), f !== t.a && h(a, t.a = f), M !== t.o && h(n, t.o = M), k !== t.i && h(u, t.i = k), E !== t.n && L(u, "id", t.n = E), _ !== t.s && L(u, "aria-label", t.s = _), t;
     }, {
       e: void 0,
       t: void 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.36.62",
+  "version": "0.36.63",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",