@floegence/floe-webapp-core 0.86.60 → 0.86.62

package/dist/components/launchpad/Launchpad.js

@@ -42,24 +42,24 @@ var de = /* @__PURE__ */ k('<div class="pt-8 pb-4 px-8">'), ue = /* @__PURE__ */
         .launchpad-search {
           animation: launchpad-search-enter 0.4s ease-out;
         }
-      </style><div class="flex-1 min-h-0 overflow-hidden"></div><div class="absolute bottom-4 right-4 text-muted-foreground/60 text-xs hidden md:block"><kbd class="px-1.5 py-0.5 rounded border border-border/50 bg-card/80 text-foreground/80 font-mono mr-1">ESC</kbd> to close<span class=mx-2>|</span><kbd class="px-1.5 py-0.5 rounded border border-border/50 bg-card/80 text-foreground/80 font-mono mr-1">\\u2190</kbd><kbd class="px-1.5 py-0.5 rounded border border-border/50 bg-card/80 text-foreground/80 font-mono">→</kbd> to navigate`);
+      </style><div class="flex-1 min-h-0 overflow-hidden"></div><div class="absolute bottom-4 right-4 text-[var(--floe-ink-quiet)] text-xs hidden md:block"><kbd class="px-1.5 py-0.5 rounded-xs border border-[var(--floe-line)] bg-card/80 text-foreground/80 font-mono mr-1">ESC</kbd> to close<span class=mx-2>|</span><kbd class="px-1.5 py-0.5 rounded-xs border border-[var(--floe-line)] bg-card/80 text-foreground/80 font-mono mr-1">←</kbd><kbd class="px-1.5 py-0.5 rounded-xs border border-[var(--floe-line)] bg-card/80 text-foreground/80 font-mono">→</kbd> to navigate`);
 function we(r) {
   let m;
-  const [b, X] = d(""), [Q, w] = d(""), [h, C] = d(0), [R, L] = d(!0), [N, P] = d(null);
+  const [p, X] = d(""), [Q, w] = d(""), [h, C] = d(0), [R, L] = d(!0), [q, P] = d(null);
   let o = null;
-  const p = () => r.itemsPerPage ?? 20, W = () => r.columns ?? 5, j = () => r.showSearch !== !1, S = (() => {
+  const b = () => r.itemsPerPage ?? 20, N = () => r.columns ?? 5, W = () => r.showSearch !== !1, S = (() => {
     try {
       return ie();
     } catch {
       return null;
     }
-  })(), q = () => S ? S.active() : !0, $ = u(() => {
+  })(), j = () => S ? S.active() : !0, $ = u(() => {
     const e = r.items ?? [], t = r.additionalItems ?? [];
     return [...e, ...t];
   });
   let v = 0;
   Y(() => {
-    const e = b().trim();
+    const e = p().trim();
     v += 1;
     const t = v;
     if (!e) {
@@ -77,9 +77,9 @@ function we(r) {
   }))), A = u(() => {
     const e = Q().toLowerCase().trim();
     return e ? z().filter((t) => t.nameLower.includes(e) || t.descLower.includes(e)).map((t) => t.item) : $();
-  }), y = u(() => Math.max(1, Math.ceil(A().length / p()))), B = u(() => {
-    const e = h() * p();
-    return A().slice(e, e + p());
+  }), y = u(() => Math.max(1, Math.ceil(A().length / b()))), B = u(() => {
+    const e = h() * b();
+    return A().slice(e, e + b());
   }), D = (e) => {
     X(e), C(0);
   }, x = (e) => {
@@ -108,7 +108,7 @@ function we(r) {
       y: t.clientY
     });
   }, H = (e) => {
-    const t = N();
+    const t = q();
     if (!t) return;
     const a = e.changedTouches[0];
     if (!a) return;
@@ -118,7 +118,7 @@ function we(r) {
     e.target.closest('button, input, a, [role="button"]') || r.onClose?.();
   };
   Y(() => {
-    q() && (document.addEventListener("keydown", I), E(() => {
+    j() && (document.addEventListener("keydown", I), E(() => {
       document.removeEventListener("keydown", I);
     }));
   }), re(() => {
@@ -149,13 +149,13 @@ function we(r) {
     var c = m;
     return typeof c == "function" ? ee(c, e) : m = e, i(e, l(_, {
       get when() {
-        return j();
+        return W();
       },
       get children() {
         var n = de();
         return i(n, l(ae, {
           get value() {
-            return b();
+            return p();
           },
           onChange: D,
           placeholder: "Search apps..."
@@ -169,14 +169,14 @@ function we(r) {
         return r.onItemClick;
       },
       get columns() {
-        return W();
+        return N();
       },
       get animating() {
         return R();
       }
     })), i(e, l(_, {
       get when() {
-        return F(() => y() > 1)() && !b();
+        return F(() => y() > 1)() && !p();
       },
       get children() {
         var n = ue();

package/dist/components/launchpad/LaunchpadGrid.js

@@ -1,12 +1,12 @@
-import { insert as o, createComponent as a, effect as d, setStyleProperty as u, template as i } from "solid-js/web";
-import { Show as s, For as f } from "solid-js";
+import { insert as o, createComponent as a, effect as s, setStyleProperty as u, template as i } from "solid-js/web";
+import { Show as d, For as f } from "solid-js";
 import { LaunchpadItem as g } from "./LaunchpadItem.js";
-var h = /* @__PURE__ */ i('<div class="grid gap-4 place-items-center">'), v = /* @__PURE__ */ i('<div class="launchpad-grid w-full h-full flex items-center justify-center p-8">'), p = /* @__PURE__ */ i('<div class="text-muted-foreground text-xs">No apps found');
+var v = /* @__PURE__ */ i('<div class="grid gap-4 place-items-center">'), h = /* @__PURE__ */ i('<div class="launchpad-grid w-full h-full flex items-center justify-center p-8">'), p = /* @__PURE__ */ i('<div class="text-[var(--floe-ink-soft)] text-xs">No apps found');
 function $(t) {
   const l = () => t.columns ?? 5;
   return (() => {
-    var m = v();
-    return o(m, a(s, {
+    var m = h();
+    return o(m, a(d, {
       get when() {
         return t.items.length > 0;
       },
@@ -14,7 +14,7 @@ function $(t) {
         return p();
       },
       get children() {
-        var r = h();
+        var r = v();
         return o(r, a(f, {
           get each() {
             return t.items;
@@ -34,7 +34,7 @@ function $(t) {
               };
             }
           })
-        })), d((e) => {
+        })), s((e) => {
           var n = `repeat(${l()}, minmax(0, 1fr))`, c = `${l() * 120}px`;
           return n !== e.e && u(r, "grid-template-columns", e.e = n), c !== e.t && u(r, "max-width", e.t = c), e;
         }, {

package/dist/components/launchpad/LaunchpadItem.js

@@ -1,22 +1,22 @@
-import { insert as l, createComponent as x, effect as g, style as f, setAttribute as b, setStyleProperty as d, template as y, delegateEvents as h } from "solid-js/web";
-var k = /* @__PURE__ */ y('<button type=button class="launchpad-item group flex flex-col items-center gap-2 rounded-2xl p-3 cursor-pointer bg-transparent select-none outline-none transition-[transform,background-color] duration-200 ease-out hover:scale-[1.02] hover:bg-card/20 focus-visible:bg-card/30 active:scale-95"tabindex=0><div class="w-14 h-14 rounded-2xl flex items-center justify-center shadow-lg transition-transform duration-200 group-hover:scale-105"style="box-shadow:0 16px 32px -20px color-mix(in srgb, var(--foreground) 55%, transparent)"></div><span class="text-xs text-foreground/80 font-medium truncate max-w-[80px] text-center">');
+import { insert as c, createComponent as f, effect as g, style as x, setAttribute as y, setStyleProperty as d, template as b, delegateEvents as h } from "solid-js/web";
+var k = /* @__PURE__ */ b('<button type=button class="launchpad-item group flex flex-col items-center gap-2 rounded-panel p-3 cursor-pointer bg-transparent select-none outline-none transition-[transform,background-color] duration-[var(--floe-duration-base)] ease-out hover:-translate-y-[var(--floe-hover-lift)] hover:bg-card/20 focus-visible:bg-card/30 active:scale-[var(--floe-press-scale)]"tabindex=0><div class="w-14 h-14 rounded-panel flex items-center justify-center shadow-[var(--floe-elevation-float)] transition-transform duration-[var(--floe-duration-base)] group-hover:-translate-y-[var(--floe-hover-lift)]"></div><span class="text-xs text-foreground/80 font-medium truncate max-w-[80px] text-center">');
 function C(e) {
-  const s = () => e.item.color ?? "linear-gradient(135deg, color-mix(in srgb, var(--primary) 78%, var(--info) 22%), color-mix(in srgb, var(--primary) 58%, var(--accent) 42%))", i = () => {
+  const s = () => e.item.color ?? "linear-gradient(135deg, color-mix(in srgb, var(--primary) 78%, var(--info) 22%), color-mix(in srgb, var(--primary) 58%, var(--accent) 42%))", a = () => {
     e.item.onClick?.(), e.onClick?.(e.item);
-  }, m = (t) => {
-    (t.key === "Enter" || t.key === " ") && (t.preventDefault(), i());
+  }, v = (t) => {
+    (t.key === "Enter" || t.key === " ") && (t.preventDefault(), a());
   };
   return (() => {
-    var t = k(), r = t.firstChild, u = r.nextSibling;
-    return t.$$keydown = m, t.$$click = i, l(r, x(e.item.icon, {
+    var t = k(), r = t.firstChild, m = r.nextSibling;
+    return t.$$keydown = v, t.$$click = a, c(r, f(e.item.icon, {
       class: "w-7 h-7"
-    })), l(u, () => e.item.name), g((n) => {
-      var v = {
+    })), c(m, () => e.item.name), g((n) => {
+      var u = {
         "--item-index": e.index,
         "animation-delay": `${e.index * 30}ms`,
         ...e.style
-      }, o = e.item.description ?? e.item.name, a = s(), c = e.item.color ? "white" : "var(--primary-foreground)";
-      return n.e = f(t, v, n.e), o !== n.t && b(t, "title", n.t = o), a !== n.a && d(r, "background", n.a = a), c !== n.o && d(r, "color", n.o = c), n;
+      }, i = e.item.description ?? e.item.name, o = s(), l = e.item.color ? "white" : "var(--primary-foreground)";
+      return n.e = x(t, u, n.e), i !== n.t && y(t, "title", n.t = i), o !== n.a && d(r, "background", n.a = o), l !== n.o && d(r, "color", n.o = l), n;
     }, {
       e: void 0,
       t: void 0,

package/dist/components/launchpad/LaunchpadPagination.js

@@ -1,32 +1,32 @@
-import { insert as c, createComponent as g, setAttribute as o, effect as s, classList as d, template as l, delegateEvents as m } from "solid-js/web";
-import { For as v } from "solid-js";
-var f = /* @__PURE__ */ l('<div class="launchpad-pagination flex items-center justify-center gap-2">'), b = /* @__PURE__ */ l('<button type=button class="w-2 h-2 rounded-full cursor-pointer transition-all duration-300 outline-none focus-visible:ring-2">');
+import { insert as u, createComponent as s, setAttribute as i, effect as g, classList as v, template as l, delegateEvents as d } from "solid-js/web";
+import { For as f } from "solid-js";
+var m = /* @__PURE__ */ l('<div class="launchpad-pagination flex items-center justify-center gap-2">'), b = /* @__PURE__ */ l('<button type=button class="w-2 h-2 rounded-full cursor-pointer transition-[background-color,color,transform] duration-[var(--floe-duration-slow)] outline-none focus-visible:ring-2">');
 function $(r) {
   return (() => {
-    var a = f();
-    return c(a, g(v, {
+    var a = m();
+    return u(a, s(f, {
       get each() {
         return Array.from({
           length: r.totalPages
-        }, (t, e) => e);
+        }, (e, t) => t);
       },
-      children: (t) => (() => {
-        var e = b();
-        return e.$$click = () => r.onPageChange(t), o(e, "aria-label", `Go to page ${t + 1}`), s((n) => {
-          var u = {
-            "bg-primary scale-125": r.currentPage === t,
-            "bg-muted-foreground/30": r.currentPage !== t
-          }, i = r.currentPage === t ? "page" : void 0;
-          return n.e = d(e, u, n.e), i !== n.t && o(e, "aria-current", n.t = i), n;
+      children: (e) => (() => {
+        var t = b();
+        return t.$$click = () => r.onPageChange(e), i(t, "aria-label", `Go to page ${e + 1}`), g((n) => {
+          var c = {
+            "bg-primary scale-125": r.currentPage === e,
+            "bg-[var(--floe-ink-ghost)]": r.currentPage !== e
+          }, o = r.currentPage === e ? "page" : void 0;
+          return n.e = v(t, c, n.e), o !== n.t && i(t, "aria-current", n.t = o), n;
         }, {
           e: void 0,
           t: void 0
-        }), e;
+        }), t;
       })()
     })), a;
   })();
 }
-m(["click"]);
+d(["click"]);
 export {
   $ as LaunchpadPagination
 };

package/dist/components/launchpad/LaunchpadSearch.js

@@ -1,15 +1,15 @@
-import { insert as n, createComponent as u, effect as l, setAttribute as d, template as c, delegateEvents as i } from "solid-js/web";
+import { insert as n, createComponent as i, effect as l, setAttribute as d, template as u, delegateEvents as c } from "solid-js/web";
 import { Search as s } from "../icons/index.js";
-var h = /* @__PURE__ */ c('<div class="launchpad-search w-full max-w-md mx-auto"><div class=relative><input type=text class="w-full h-10 pl-10 pr-4 rounded-lg bg-card/80 backdrop-blur-sm border border-border text-foreground placeholder:text-muted-foreground/60 outline-none transition-all duration-200 shadow-sm">');
-function f(t) {
+var f = /* @__PURE__ */ u('<div class="launchpad-search w-full max-w-md mx-auto"><div class=relative><input type=text class="w-full h-10 pl-10 pr-4 rounded-control bg-card/80 backdrop-blur-sm border border-[var(--floe-line)] text-foreground placeholder:text-[var(--floe-ink-quiet)] outline-none transition-[border-color,box-shadow,background-color] duration-[var(--floe-duration-base)] shadow-[var(--floe-elevation-raised)]">');
+function v(r) {
   return (() => {
-    var r = h(), a = r.firstChild, e = a.firstChild;
-    return n(a, u(s, {
-      class: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground"
-    }), e), e.$$input = (o) => t.onChange(o.currentTarget.value), l(() => d(e, "placeholder", t.placeholder ?? "Search")), l(() => e.value = t.value), r;
+    var t = f(), a = t.firstChild, e = a.firstChild;
+    return n(a, i(s, {
+      class: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--floe-ink-soft)]"
+    }), e), e.$$input = (o) => r.onChange(o.currentTarget.value), l(() => d(e, "placeholder", r.placeholder ?? "Search")), l(() => e.value = r.value), t;
   })();
 }
-i(["input"]);
+c(["input"]);
 export {
-  f as LaunchpadSearch
+  v as LaunchpadSearch
 };

package/dist/components/layout/ActivityBar.js

@@ -1,71 +1,71 @@
-import { insert as l, createComponent as o, effect as g, className as x, setAttribute as u, template as v, use as $, Dynamic as B, memo as D, delegateEvents as E } from "solid-js/web";
-import { createMemo as s, For as I, Show as h, onMount as R, onCleanup as S } from "solid-js";
-import { cn as y } from "../../utils/cn.js";
+import { insert as v, createComponent as o, effect as x, className as s, setAttribute as u, template as h, use as E, Dynamic as R, memo as j, delegateEvents as q } from "solid-js/web";
+import { createMemo as b, For as B, Show as D, onMount as P, onCleanup as T } from "solid-js";
+import { cn as d } from "../../utils/cn.js";
 import { deferNonBlocking as _ } from "../../utils/defer.js";
-import { Tooltip as j } from "../ui/Tooltip.js";
-import { resolveActivityBarClick as P } from "./activityBarBehavior.js";
-import { isBarItemContextMenuKey as T, keyboardBarItemContextMenuRequest as q } from "./barItemContextMenu.js";
-var K = /* @__PURE__ */ v('<div class="flex flex-col">'), N = /* @__PURE__ */ v('<nav data-floe-shell-slot=activity-bar style=border-right-color:var(--activity-bar-border)><div class="flex flex-col">'), X = /* @__PURE__ */ v('<div class="absolute left-0 top-0 w-1 h-full bg-primary rounded-r">'), Y = /* @__PURE__ */ v("<span>"), F = /* @__PURE__ */ v("<button type=button>");
-function Q(t) {
-  const a = s(() => t.activeId), c = s(() => t.collapsed ?? !1), f = s(() => t.onActiveChange), b = s(() => t.onCollapsedChange), m = (e) => {
+import { Tooltip as K } from "../ui/Tooltip.js";
+import { resolveActivityBarClick as N } from "./activityBarBehavior.js";
+import { isBarItemContextMenuKey as X, keyboardBarItemContextMenuRequest as Y } from "./barItemContextMenu.js";
+var F = /* @__PURE__ */ h('<div class="flex flex-col">'), H = /* @__PURE__ */ h('<nav data-floe-shell-slot=activity-bar style=border-right-color:var(--activity-bar-border)><div class="flex flex-col">'), L = /* @__PURE__ */ h("<span>"), V = /* @__PURE__ */ h("<button type=button data-floe-interactive=press><span aria-hidden=true></span><span aria-hidden=true>");
+function Z(t) {
+  const l = b(() => t.activeId), c = b(() => t.collapsed ?? !1), f = b(() => t.onActiveChange), y = b(() => t.onCollapsedChange), m = (e) => {
     if (e.onClick) {
       _(() => e.onClick());
       return;
     }
-    const i = P({
+    const a = N({
       clickedId: e.id,
-      activeId: a(),
+      activeId: l(),
       collapsed: c(),
       behavior: e.collapseBehavior
     });
-    i.nextActiveId !== a() && (typeof i.openSidebar == "boolean" ? f()(i.nextActiveId, {
-      openSidebar: i.openSidebar
-    }) : f()(i.nextActiveId)), typeof i.nextCollapsed == "boolean" && b()?.(i.nextCollapsed);
+    a.nextActiveId !== l() && (typeof a.openSidebar == "boolean" ? f()(a.nextActiveId, {
+      openSidebar: a.openSidebar
+    }) : f()(a.nextActiveId)), typeof a.nextCollapsed == "boolean" && y()?.(a.nextCollapsed);
   };
   return (() => {
-    var e = N(), i = e.firstChild;
-    return l(i, o(I, {
+    var e = H(), a = e.firstChild;
+    return v(a, o(B, {
       get each() {
         return t.items;
       },
-      children: (n) => o(M, {
+      children: (n) => o(S, {
         item: n,
         get isActive() {
-          return a() === n.id;
+          return l() === n.id;
         },
         onClick: () => m(n)
       })
-    })), l(e, o(h, {
+    })), v(e, o(D, {
       get when() {
         return t.bottomItems?.length;
       },
       get children() {
-        var n = K();
-        return l(n, o(I, {
+        var n = F();
+        return v(n, o(B, {
           get each() {
             return t.bottomItems;
           },
-          children: (r) => o(M, {
+          children: (r) => o(S, {
             item: r,
             isActive: !1,
             onClick: () => m(r)
           })
         })), n;
       }
-    }), null), g((n) => {
-      var r = y("w-10 md:w-12 flex flex-col justify-between shrink-0 min-h-0", "bg-activity-bar border-r border-border", t.class), d = t.ariaLabel;
-      return r !== n.e && x(e, n.e = r), d !== n.t && u(e, "aria-label", n.t = d), n;
+    }), null), x((n) => {
+      var r = d("w-10 md:w-12 flex flex-col justify-between shrink-0 min-h-0", "bg-activity-bar border-r border-[var(--floe-line-quiet)]", t.class), i = t.ariaLabel;
+      return r !== n.e && s(e, n.e = r), i !== n.t && u(e, "aria-label", n.t = i), n;
     }, {
       e: void 0,
       t: void 0
     }), e;
   })();
 }
-function M(t) {
-  let a;
+function S(t) {
+  let l;
   const c = () => typeof t.item.badge == "function" ? t.item.badge() : t.item.badge, f = () => typeof t.item.ariaExpanded == "function" ? t.item.ariaExpanded() : t.item.ariaExpanded;
-  R(() => t.item.buttonRef?.(a ?? null)), S(() => t.item.buttonRef?.(null));
-  const b = (e) => {
+  P(() => t.item.buttonRef?.(l ?? null)), T(() => t.item.buttonRef?.(null));
+  const y = (e) => {
     t.item.onContextMenu && (e.preventDefault(), e.stopPropagation(), t.item.onContextMenu({
       trigger: e.currentTarget,
       clientX: e.clientX,
@@ -73,56 +73,53 @@ function M(t) {
       source: "pointer"
     }));
   }, m = (e) => {
-    !t.item.onContextMenu || !T(e) || (e.preventDefault(), e.stopPropagation(), t.item.onContextMenu(q(e.currentTarget)));
+    !t.item.onContextMenu || !X(e) || (e.preventDefault(), e.stopPropagation(), t.item.onContextMenu(Y(e.currentTarget)));
   };
-  return o(j, {
+  return o(K, {
     get content() {
       return t.item.label;
     },
     placement: "right",
     delay: 0,
     get children() {
-      var e = F();
-      e.$$keydown = m, e.$$contextmenu = b, e.$$click = () => t.onClick();
-      var i = a;
-      return typeof i == "function" ? $(i, e) : a = e, l(e, o(h, {
-        get when() {
-          return t.isActive;
-        },
-        get children() {
-          return X();
-        }
-      }), null), l(e, o(B, {
+      var e = V(), a = e.firstChild, n = a.nextSibling;
+      e.$$keydown = m, e.$$contextmenu = y, e.$$click = () => t.onClick();
+      var r = l;
+      return typeof r == "function" ? E(r, e) : l = e, v(e, o(R, {
         get component() {
           return t.item.icon;
         },
-        class: "w-5 h-5"
-      }), null), l(e, o(h, {
+        get class() {
+          return d("relative w-5 h-5 transition-[color,transform] duration-[var(--floe-duration-fast)] ease-[var(--floe-ease-out)]", t.isActive ? "text-activity-bar-foreground-active" : "group-hover/activity-item:text-activity-bar-foreground-active group-hover/activity-item:-translate-y-px");
+        }
+      }), null), v(e, o(D, {
         get when() {
           return c();
         },
         get children() {
-          var n = Y();
-          return l(n, (() => {
-            var r = D(() => typeof c() == "number" && c() > 99);
-            return () => r() ? "99+" : c();
-          })()), g(() => x(n, y("absolute top-0.5 right-0.5 min-w-3.5 h-3.5 px-1", "flex items-center justify-center", "text-[9px] font-medium rounded-full", "bg-activity-bar-badge text-activity-bar-badge-foreground"))), n;
+          var i = L();
+          return v(i, (() => {
+            var g = j(() => typeof c() == "number" && c() > 99);
+            return () => g() ? "99+" : c();
+          })()), x(() => s(i, d("absolute top-0.5 right-0.5 min-w-3.5 h-3.5 px-1", "flex items-center justify-center", "text-[length:var(--floe-type-caption)] font-medium rounded-full", "bg-activity-bar-badge text-activity-bar-badge-foreground"))), i;
         }
-      }), null), g((n) => {
-        var r = y("relative w-full aspect-square flex items-center justify-center cursor-pointer", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-inset", t.isActive ? "text-activity-bar-foreground-active bg-accent" : "text-activity-bar-foreground transition-[color,background-color] duration-100 hover:text-activity-bar-foreground-active hover:bg-accent/50"), d = t.item.label, C = t.isActive, k = f(), w = t.item.ariaControls, A = t.item.ariaHasPopup ?? (t.item.onContextMenu ? "menu" : void 0);
-        return r !== n.e && x(e, n.e = r), d !== n.t && u(e, "aria-label", n.t = d), C !== n.a && u(e, "aria-pressed", n.a = C), k !== n.o && u(e, "aria-expanded", n.o = k), w !== n.i && u(e, "aria-controls", n.i = w), A !== n.n && u(e, "aria-haspopup", n.n = A), n;
+      }), null), x((i) => {
+        var g = d("group/activity-item relative w-full aspect-square flex items-center justify-center cursor-pointer", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-inset", "text-activity-bar-foreground", t.isActive && "text-activity-bar-foreground-active"), C = t.item.label, k = t.isActive, A = f(), w = t.item.ariaControls, I = t.item.ariaHasPopup ?? (t.item.onContextMenu ? "menu" : void 0), M = d("absolute inset-1 rounded-md", "transition-colors duration-[var(--floe-duration-fast)] ease-[var(--floe-ease-out)]", t.isActive ? "bg-[var(--floe-state-selected)]" : "bg-transparent group-hover/activity-item:bg-[var(--floe-state-hover)]"), $ = d("absolute left-0 top-1/2 -translate-y-1/2 w-[2px] rounded-full", "transition-[height,background-color] duration-[var(--floe-duration-base)] ease-[var(--floe-ease-out)]", t.isActive ? "h-4 bg-[var(--activity-bar-foreground-active)]" : "h-1.5 bg-transparent group-hover/activity-item:h-2.5 group-hover/activity-item:bg-[var(--floe-line-strong)]");
+        return g !== i.e && s(e, i.e = g), C !== i.t && u(e, "aria-label", i.t = C), k !== i.a && u(e, "aria-pressed", i.a = k), A !== i.o && u(e, "aria-expanded", i.o = A), w !== i.i && u(e, "aria-controls", i.i = w), I !== i.n && u(e, "aria-haspopup", i.n = I), M !== i.s && s(a, i.s = M), $ !== i.h && s(n, i.h = $), i;
       }, {
         e: void 0,
         t: void 0,
         a: void 0,
         o: void 0,
         i: void 0,
-        n: void 0
+        n: void 0,
+        s: void 0,
+        h: void 0
       }), e;
     }
   });
 }
-E(["click", "contextmenu", "keydown"]);
+q(["click", "contextmenu", "keydown"]);
 export {
-  Q as ActivityBar
+  Z as ActivityBar
 };

package/dist/components/layout/BottomBar.js

@@ -1,24 +1,24 @@
-import { insert as n, effect as a, className as u, createComponent as c, template as i, delegateEvents as b } from "solid-js/web";
-import { Show as s } from "solid-js";
-import { cn as m } from "../../utils/cn.js";
-import { useResolvedFloeConfig as f } from "../../context/FloeConfigContext.js";
-var h = /* @__PURE__ */ i("<footer data-floe-shell-slot=bottom-bar style=background-color:var(--activity-bar);border-top-color:var(--bottom-bar-border)>"), g = /* @__PURE__ */ i('<span class="w-2.5 h-2.5">'), v = /* @__PURE__ */ i("<button type=button>"), d = /* @__PURE__ */ i("<span>");
+import { insert as n, effect as c, className as i, createComponent as a, template as s, delegateEvents as m } from "solid-js/web";
+import { Show as u } from "solid-js";
+import { cn as f } from "../../utils/cn.js";
+import { useResolvedFloeConfig as b } from "../../context/FloeConfigContext.js";
+var h = /* @__PURE__ */ s("<footer data-floe-shell-slot=bottom-bar style=background-color:var(--activity-bar);border-top-color:var(--bottom-bar-border)>"), g = /* @__PURE__ */ s('<span class="w-2.5 h-2.5">'), v = /* @__PURE__ */ s("<button type=button>"), d = /* @__PURE__ */ s("<span>");
 function C(t) {
   return (() => {
     var r = h();
-    return n(r, () => t.children), a(() => u(r, m(t.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", t.class))), r;
+    return n(r, () => t.children), c(() => i(r, f(t.height ?? "h-5", "shrink-0 flex items-center justify-between px-1.5", "bg-background border-t border-[var(--floe-line)]", "text-caption text-[var(--floe-ink-soft)] font-mono", t.class))), r;
   })();
 }
 function $(t) {
-  const r = () => m("flex items-center gap-1 px-1 py-0.5 rounded-sm", t.onClick && "hover:bg-muted/80 cursor-pointer", "transition-colors duration-75", t.class);
-  return c(s, {
+  const r = () => f("flex items-center gap-1 px-1 py-0.5 rounded-sm", t.onClick && "hover:bg-[var(--floe-state-hover)] cursor-pointer", "transition-colors duration-[var(--floe-duration-instant)]", t.class);
+  return a(u, {
     get when() {
       return t.onClick;
     },
     get fallback() {
       return (() => {
         var e = d();
-        return n(e, c(s, {
+        return n(e, a(u, {
           get when() {
             return t.icon;
           },
@@ -26,12 +26,12 @@ function $(t) {
             var o = g();
             return n(o, () => t.icon), o;
           }
-        }), null), n(e, () => t.children, null), a(() => u(e, r())), e;
+        }), null), n(e, () => t.children, null), c(() => i(e, r())), e;
       })();
     },
     get children() {
       var e = v();
-      return e.$$click = () => t.onClick?.(), n(e, c(s, {
+      return e.$$click = () => t.onClick?.(), n(e, a(u, {
         get when() {
           return t.icon;
         },
@@ -39,22 +39,22 @@ function $(t) {
           var o = g();
           return n(o, () => t.icon), o;
         }
-      }), null), n(e, () => t.children, null), a(() => u(e, r())), e;
+      }), null), n(e, () => t.children, null), c(() => i(e, r())), e;
     }
   });
 }
 function y(t) {
-  const r = f(), e = {
+  const r = b(), e = {
     connected: "bg-success",
-    disconnected: "bg-muted-foreground",
+    disconnected: "bg-[var(--floe-ink-ghost)]",
     connecting: "bg-warning animate-pulse",
     error: "bg-error"
   }, o = () => r.config.strings.statusIndicator;
-  return c($, {
+  return a($, {
     get children() {
       return [(() => {
         var l = d();
-        return a(() => u(l, m("w-1.5 h-1.5 rounded-full", e[t.status]))), l;
+        return c(() => i(l, f("w-1.5 h-1.5 rounded-full", e[t.status]))), l;
       })(), (() => {
         var l = d();
         return n(l, () => t.label ?? o()[t.status]), l;
@@ -62,7 +62,7 @@ function y(t) {
     }
   });
 }
-b(["click"]);
+m(["click"]);
 export {
   C as BottomBar,
   $ as BottomBarItem,