@floegence/floe-webapp-core 0.35.21 → 0.35.23

package/dist/components/file-browser/Breadcrumb.js

@@ -1,106 +1,106 @@
-import { insert as R, createComponent as a, memo as A, effect as b, className as x, template as W, use as H, delegateEvents as P } from "solid-js/web";
-import { createSignal as y, onMount as B, createMemo as M, For as O, Show as T, onCleanup as F } from "solid-js";
-import { cn as C } from "../../utils/cn.js";
+import { insert as E, createComponent as a, memo as $, effect as D, className as L, template as b, use as H, delegateEvents as P } from "solid-js/web";
+import { createSignal as B, onMount as y, createMemo as I, For as O, Show as k, onCleanup as F } from "solid-js";
+import { cn as x } from "../../utils/cn.js";
 import { useFileBrowser as G } from "./FileBrowserContext.js";
-import { ChevronRight as E } from "../icons/index.js";
+import { ChevronRight as M } from "../icons/index.js";
 import { Dropdown as z } from "../ui/Dropdown.js";
-var X = /* @__PURE__ */ W("<nav aria-label=Breadcrumb>"), j = /* @__PURE__ */ W('<button type=button title="Show hidden path segments">…'), q = /* @__PURE__ */ W('<button type=button><span class="truncate max-w-[120px] block">');
-const p = 16, J = 28, D = 12, K = 7, Q = 120, U = 100;
-function V(r) {
-  const n = r.length * K;
-  return Math.min(n + D, Q + D);
+var X = /* @__PURE__ */ b("<nav aria-label=Breadcrumb>"), j = /* @__PURE__ */ b("<span>…"), q = /* @__PURE__ */ b('<button type=button><span class="truncate max-w-[120px] block">');
+const p = 16, J = 28, T = 12, K = 7, Q = 120, U = 100;
+function V(n) {
+  const t = n.length * K;
+  return Math.min(t + T, Q + T);
 }
-function ce(r) {
-  const n = G();
-  let s;
-  const [t, c] = y(0);
-  B(() => {
-    if (!s) return;
+function ce(n) {
+  const t = G();
+  let o;
+  const [r, c] = B(0);
+  y(() => {
+    if (!o) return;
     const e = () => {
-      s && c(s.offsetWidth);
+      o && c(o.offsetWidth);
     };
     e();
-    const o = new ResizeObserver(e);
-    o.observe(s), F(() => o.disconnect());
+    const s = new ResizeObserver(e);
+    s.observe(o), F(() => s.disconnect());
   });
-  const d = M(() => {
-    const e = n.currentPath(), o = n.homeLabel();
+  const h = I(() => {
+    const e = t.currentPath(), s = t.homeLabel();
     if (e === "/" || e === "")
       return [{
-        name: o,
+        name: s,
         path: "/"
       }];
     const l = e.split("/").filter(Boolean), i = [{
-      name: o,
+      name: s,
       path: "/"
     }];
-    let f = "";
-    for (const g of l)
-      f += "/" + g, i.push({
-        name: g,
-        path: f
+    let g = "";
+    for (const f of l)
+      g += "/" + f, i.push({
+        name: f,
+        path: g
       });
     return i;
-  }), m = M(() => {
-    const e = d(), o = t();
-    if (o < U || e.length <= 2)
+  }), m = I(() => {
+    const e = h(), s = r();
+    if (s < U || e.length <= 2)
       return {
         collapsed: [],
         visible: e,
         shouldCollapse: !1
       };
-    const l = e.map((u) => V(u.name)), i = l[0], f = l[e.length - 1], g = p, $ = e.length > 1 ? p : 0, _ = i + f + g + $;
-    if (_ > o && e.length > 2)
+    const l = e.map((d) => V(d.name)), i = l[0], g = l[e.length - 1], f = p, R = e.length > 1 ? p : 0, C = i + g + f + R;
+    if (C > s && e.length > 2)
       return {
         collapsed: e.slice(1, -1),
         visible: [e[0], e[e.length - 1]],
         shouldCollapse: !0
       };
-    const h = e.slice(1, -1), v = [];
-    let w = o - _;
-    const L = h.length > 0 ? J + p : 0;
-    for (let u = h.length - 1; u >= 0; u--) {
-      const k = l[u + 1] + p, N = u > 0 ? L : 0;
-      if (w - N >= k)
-        v.unshift(h[u]), w -= k;
+    const u = e.slice(1, -1), v = [];
+    let S = s - C;
+    const A = u.length > 0 ? J + p : 0;
+    for (let d = u.length - 1; d >= 0; d--) {
+      const _ = l[d + 1] + p, N = d > 0 ? A : 0;
+      if (S - N >= _)
+        v.unshift(u[d]), S -= _;
       else
         break;
     }
-    const I = h.slice(0, h.length - v.length);
+    const w = u.slice(0, u.length - v.length);
     return {
-      collapsed: I,
+      collapsed: w,
       visible: [e[0], ...v, e[e.length - 1]],
-      shouldCollapse: I.length > 0
+      shouldCollapse: w.length > 0
     };
-  }), S = (e) => {
-    n.setCurrentPath(e.path);
+  }), W = (e) => {
+    t.setCurrentPath(e.path);
   };
   return (() => {
-    var e = X(), o = s;
-    return typeof o == "function" ? H(o, e) : s = e, R(e, a(O, {
+    var e = X(), s = o;
+    return typeof s == "function" ? H(s, e) : o = e, E(e, a(O, {
       get each() {
         return m().visible;
       },
-      children: (l, i) => [a(T, {
+      children: (l, i) => [a(k, {
         get when() {
           return i() > 0;
         },
         get children() {
-          return a(E, {
+          return a(M, {
             class: "w-3 h-3 text-muted-foreground/50 flex-shrink-0"
           });
         }
-      }), a(T, {
+      }), a(k, {
         get when() {
-          return A(() => !!m().shouldCollapse)() && i() === 1;
+          return $(() => !!m().shouldCollapse)() && i() === 1;
         },
         get children() {
           return [a(Y, {
             get segments() {
               return m().collapsed;
             },
-            onSelect: S
-          }), a(E, {
+            onSelect: W
+          }), a(M, {
             class: "w-3 h-3 text-muted-foreground/50 flex-shrink-0"
           })];
         }
@@ -109,43 +109,44 @@ function ce(r) {
         get isLast() {
           return i() === m().visible.length - 1;
         },
-        onClick: () => S(l)
+        onClick: () => W(l)
       })]
-    })), b(() => x(e, C("flex items-center gap-1 min-w-0 overflow-hidden", r.class))), e;
+    })), D(() => L(e, x("flex items-center gap-1 min-w-0 overflow-hidden", n.class))), e;
   })();
 }
-function Y(r) {
-  const n = () => r.segments.map((t) => ({
-    id: t.path,
-    label: t.name
+function Y(n) {
+  const t = () => n.segments.map((r) => ({
+    id: r.path,
+    label: r.name
   }));
   return a(z, {
     get trigger() {
-      return (() => {
-        var t = j();
-        return b(() => x(t, C("text-xs px-1.5 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-all duration-100", "text-muted-foreground hover:text-foreground hover:bg-muted/50", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"))), t;
-      })();
+      return j();
     },
+    get triggerClass() {
+      return x("inline-flex items-center text-xs px-1.5 py-0.5 rounded flex-shrink-0", "transition-all duration-100", "text-muted-foreground hover:text-foreground hover:bg-muted/50");
+    },
+    triggerAriaLabel: "Show hidden path segments",
     get items() {
-      return n();
+      return t();
     },
-    onSelect: (t) => {
-      const c = r.segments.find((d) => d.path === t);
-      c && r.onSelect(c);
+    onSelect: (r) => {
+      const c = n.segments.find((h) => h.path === r);
+      c && n.onSelect(c);
     },
     align: "start"
   });
 }
-function Z(r) {
+function Z(n) {
   return (() => {
-    var n = q(), s = n.firstChild;
-    return n.$$click = () => r.onClick(), R(s, () => r.segment.name), b((t) => {
-      var c = r.isLast, d = C("text-xs px-1.5 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-all duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", r.isLast ? "font-medium text-foreground cursor-default" : "text-muted-foreground hover:text-foreground hover:bg-muted/50");
-      return c !== t.e && (n.disabled = t.e = c), d !== t.t && x(n, t.t = d), t;
+    var t = q(), o = t.firstChild;
+    return t.$$click = () => n.onClick(), E(o, () => n.segment.name), D((r) => {
+      var c = n.isLast, h = x("text-xs px-1.5 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-all duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", n.isLast ? "font-medium text-foreground cursor-default" : "text-muted-foreground hover:text-foreground hover:bg-muted/50");
+      return c !== r.e && (t.disabled = r.e = c), h !== r.t && L(t, r.t = h), r;
     }, {
       e: void 0,
       t: void 0
-    }), n;
+    }), t;
   })();
 }
 P(["click"]);

package/dist/components/file-browser/DragPreview.d.ts

@@ -1,7 +1,7 @@
 /**
- * Floating preview that follows the cursor during drag operations.
+ * Floating preview that follows the cursor during file-browser drag operations.
  * Shows dragged items with a count badge for multiple items.
  * Uses Motion library for smooth animations.
  * Includes fly-to-target animation when dropping onto a valid target.
  */
-export declare function DragPreview(): import("solid-js").JSX.Element;
+export declare function FileBrowserDragPreview(): import("solid-js").JSX.Element;

package/dist/components/file-browser/DragPreview.js

@@ -1,15 +1,15 @@
-import { createComponent as o, Portal as N, insert as a, effect as u, className as $, memo as V, template as l, setAttribute as A } from "solid-js/web";
-import { createSignal as F, createEffect as j, createMemo as d, Show as m, For as B } from "solid-js";
+import { createComponent as o, Portal as N, insert as l, effect as u, className as $, memo as B, template as a, setAttribute as A } from "solid-js/web";
+import { createSignal as F, createEffect as V, createMemo as d, Show as m, For as j } from "solid-js";
 import { Presence as U, Motion as X } from "../../node_modules/.pnpm/solid-motionone@1.0.4_solid-js@1.9.11/node_modules/solid-motionone/dist/index.js";
 import { cn as f } from "../../utils/cn.js";
 import { useFileBrowserDrag as G } from "../../context/FileBrowserDragContext.js";
 import { FileItemIcon as W } from "./FileIcons.js";
-var Y = /* @__PURE__ */ l('<div class="text-[10px] text-muted-foreground pl-6">and <!> more...'), q = /* @__PURE__ */ l("<span>Drop to move"), y = /* @__PURE__ */ l("<div>"), H = /* @__PURE__ */ l('<div class="flex items-center gap-2.5 text-xs text-foreground"><span class="flex-shrink-0 w-4 h-4"></span><span class="truncate font-medium">'), J = /* @__PURE__ */ l("<span>Cannot drop here"), K = /* @__PURE__ */ l('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><polyline points="20 6 9 17 4 12">'), L = /* @__PURE__ */ l('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><line x1=18 y1=6 x2=6 y2=18></line><line x1=6 y1=6 x2=18 y2=18>');
+var Y = /* @__PURE__ */ a('<div class="text-[10px] text-muted-foreground pl-6">and <!> more...'), q = /* @__PURE__ */ a("<span>Drop to move"), y = /* @__PURE__ */ a("<div>"), H = /* @__PURE__ */ a('<div class="flex items-center gap-2.5 text-xs text-foreground"><span class="flex-shrink-0 w-4 h-4"></span><span class="truncate font-medium">'), J = /* @__PURE__ */ a("<span>Cannot drop here"), K = /* @__PURE__ */ a('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><polyline points="20 6 9 17 4 12">'), L = /* @__PURE__ */ a('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><line x1=18 y1=6 x2=6 y2=18></line><line x1=6 y1=6 x2=18 y2=18>');
 const x = 3, P = 4, T = 4, Q = 0.2;
-function at() {
+function lt() {
   const g = G(), n = () => g?.dragState(), S = () => n()?.isDragging ?? !1, C = () => n()?.isDragEnding ?? !1, [c, h] = F(null), [s, w] = F(!1);
   let _ = !1;
-  j(() => {
+  V(() => {
     const t = S(), e = C();
     if (t && !e && !_ && (h(null), w(!1)), e && !_) {
       const r = n();
@@ -57,7 +57,7 @@ function at() {
     get children() {
       return o(m, {
         get when() {
-          return V(() => !!R())() && E().length > 0;
+          return B(() => !!R())() && E().length > 0;
         },
         get children() {
           return o(N, {
@@ -91,32 +91,32 @@ function at() {
                 get children() {
                   return [(() => {
                     var t = y();
-                    return a(t, o(B, {
+                    return l(t, o(j, {
                       get each() {
                         return E();
                       },
                       children: (e) => (() => {
                         var r = H(), i = r.firstChild, D = i.nextSibling;
-                        return a(i, o(W, {
+                        return l(i, o(W, {
                           item: e,
                           class: "w-4 h-4"
-                        })), a(D, () => e.name), r;
+                        })), l(D, () => e.name), r;
                       })()
-                    }), null), a(t, o(m, {
+                    }), null), l(t, o(m, {
                       get when() {
                         return k() > 0;
                       },
                       get children() {
                         var e = Y(), r = e.firstChild, i = r.nextSibling;
-                        return i.nextSibling, a(e, k, i), e;
+                        return i.nextSibling, l(e, k, i), e;
                       }
-                    }), null), a(t, o(m, {
+                    }), null), l(t, o(m, {
                       get when() {
                         return I();
                       },
                       get children() {
                         var e = y();
-                        return a(e, o(m, {
+                        return l(e, o(m, {
                           get when() {
                             return p();
                           },
@@ -152,7 +152,7 @@ function at() {
                     },
                     get children() {
                       var t = y();
-                      return a(t, v), u(() => $(t, f(
+                      return l(t, v), u(() => $(t, f(
                         "absolute -top-2 -right-2",
                         "min-w-[20px] h-5 px-1.5 rounded-full",
                         "bg-foreground text-background",
@@ -186,5 +186,5 @@ function tt(g) {
   })();
 }
 export {
-  at as DragPreview
+  lt as FileBrowserDragPreview
 };

package/dist/components/file-browser/FileBrowser.js

@@ -1,4 +1,4 @@
-import { createComponent as n, insert as i, use as k, memo as E, effect as K, className as L, template as I, delegateEvents as B } from "solid-js/web";
+import { createComponent as n, insert as i, use as k, memo as E, effect as B, className as K, template as I, delegateEvents as L } from "solid-js/web";
 import { createSignal as O, onMount as V, onCleanup as H, createEffect as N, Show as c } from "solid-js";
 import { cn as T } from "../../utils/cn.js";
 import { useLayout as j } from "../../context/LayoutContext.js";
@@ -11,9 +11,9 @@ import { FileListView as Y } from "./FileListView.js";
 import { FileGridView as Z } from "./FileGridView.js";
 import { FileBrowserToolbar as p } from "./FileBrowserToolbar.js";
 import { FileContextMenu as ee } from "./FileContextMenu.js";
-import { DragPreview as te } from "./DragPreview.js";
+import { FileBrowserDragPreview as te } from "./DragPreview.js";
 var re = /* @__PURE__ */ I('<div class="border-b border-border">'), ne = /* @__PURE__ */ I('<div><div class="flex flex-1 min-h-0 relative"><div class="flex-1 min-w-0 flex flex-col"><div class="flex-1 min-h-0"></div><div class="flex items-center justify-between px-3 py-1 border-t border-border text-[10px] text-muted-foreground"><span> items</span><span class="truncate max-w-[200px]">');
-function we(e) {
+function Ce(e) {
   return n(q, {
     get files() {
       return e.files;
@@ -101,7 +101,7 @@ function we(e) {
 }
 function ie(e) {
   const r = J(), M = j(), o = G(), h = () => M.isMobile(), [v, b] = O(null), D = () => v() ?? r.sidebarWidth(), y = () => e.sidebarResizable ?? !0, a = () => (e.enableDragDrop ?? !0) && !!o, d = () => e.instanceId ?? `filebrowser-${Math.random().toString(36).slice(2, 9)}`;
-  let C, w = null, x = null;
+  let w, C = null, x = null;
   V(() => {
     if (!o || !a()) return;
     const t = {
@@ -109,7 +109,7 @@ function ie(e) {
       currentPath: r.currentPath,
       files: r.files,
       onDragMove: e.onDragMove,
-      getScrollContainer: () => w,
+      getScrollContainer: () => C,
       getSidebarScrollContainer: () => x,
       optimisticRemove: r.optimisticRemove,
       optimisticInsert: r.optimisticInsert
@@ -128,7 +128,7 @@ function ie(e) {
     !m && t && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar(), m = t;
   });
   const R = (t) => {
-    (t.metaKey || t.ctrlKey) && t.key.toLowerCase() === "f" && (t.preventDefault(), r.setFilterActive(!0), Q(() => C?.focus()));
+    (t.metaKey || t.ctrlKey) && t.key.toLowerCase() === "f" && (t.preventDefault(), r.setFilterActive(!0), Q(() => w?.focus()));
   }, P = () => !r.sidebarCollapsed() || !h(), $ = () => {
     b(r.sidebarWidth());
   }, W = (t) => {
@@ -138,7 +138,7 @@ function ie(e) {
     t !== null && (r.setSidebarWidth(t), b(null));
   };
   return (() => {
-    var t = ne(), s = t.firstChild, f = s.firstChild, g = f.firstChild, A = g.nextSibling, u = A.firstChild, F = u.firstChild, _ = u.nextSibling;
+    var t = ne(), s = t.firstChild, f = s.firstChild, g = f.firstChild, F = g.nextSibling, u = F.firstChild, A = u.firstChild, _ = u.nextSibling;
     return t.$$keydown = R, i(t, n(c, {
       get when() {
         return e.header;
@@ -182,12 +182,12 @@ function ie(e) {
         });
       }
     }), f), i(f, n(p, {
-      filterInputRef: (l) => C = l,
+      filterInputRef: (l) => w = l,
       get endActions() {
         return e.toolbarEndActions;
       }
     }), g), k((l) => {
-      w = l;
+      C = l;
     }, g), i(g, n(c, {
       get when() {
         return r.viewMode() === "list";
@@ -212,7 +212,7 @@ function ie(e) {
           }
         });
       }
-    })), i(u, () => r.currentFiles().length, F), i(u, n(c, {
+    })), i(u, () => r.currentFiles().length, A), i(u, n(c, {
       get when() {
         return r.filterQueryApplied().trim();
       },
@@ -246,10 +246,10 @@ function ie(e) {
       get children() {
         return n(te, {});
       }
-    }), null), K(() => L(t, T("flex flex-col h-full min-h-0 bg-background", "border border-border rounded-lg overflow-hidden", "shadow-sm", e.class))), t;
+    }), null), B(() => K(t, T("flex flex-col h-full min-h-0 bg-background", "border border-border rounded-lg overflow-hidden", "shadow-sm", e.class))), t;
   })();
 }
-B(["keydown"]);
+L(["keydown"]);
 export {
-  we as FileBrowser
+  Ce as FileBrowser
 };

package/dist/components/file-browser/index.d.ts

@@ -6,5 +6,6 @@ export { FileGridView, type FileGridViewProps } from './FileGridView';
 export { FileContextMenu, type FileContextMenuProps, type BuiltinContextMenuAction, type HideItemsValue } from './FileContextMenu';
 export { Breadcrumb, type BreadcrumbProps } from './Breadcrumb';
 export { FileBrowserToolbar, type FileBrowserToolbarProps } from './FileBrowserToolbar';
+export { FileBrowserDragPreview } from './DragPreview';
 export { FolderIcon, FolderOpenIcon, FileIcon, CodeFileIcon, JavaScriptFileIcon, TypeScriptFileIcon, ShellScriptFileIcon, ImageFileIcon, DocumentFileIcon, ConfigFileIcon, StyleFileIcon, FileItemIcon, getFileIcon, resolveFileItemIcon, } from './FileIcons';
 export type { FileItem, FileItemIconOverride, ViewMode, SortField, SortDirection, SortConfig, FileListColumnRatios, FileBrowserContextValue, ContextMenuActionType, ContextMenuItem, ContextMenuEvent, ContextMenuCallbacks, OptimisticUpdateType, OptimisticRemove, OptimisticUpdate, OptimisticInsert, OptimisticOperation, ScrollPosition, } from './types';

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

@@ -25,6 +25,7 @@ export interface ActivityBarProps {
     }) => void;
     collapsed?: boolean;
     onCollapsedChange?: (collapsed: boolean) => void;
+    ariaLabel?: string;
     class?: string;
 }
 /**

package/dist/components/layout/ActivityBar.js

@@ -1,104 +1,110 @@
-import { insert as a, createComponent as l, effect as f, className as b, template as s, Dynamic as A, memo as k, setAttribute as y, delegateEvents as w } from "solid-js/web";
-import { createMemo as v, For as x, Show as g } from "solid-js";
-import { cn as m } from "../../utils/cn.js";
-import { deferNonBlocking as I } from "../../utils/defer.js";
-import { Tooltip as $ } from "../ui/Tooltip.js";
+import { insert as c, createComponent as a, effect as f, className as g, setAttribute as m, template as s, Dynamic as k, memo as w, delegateEvents as I } from "solid-js/web";
+import { createMemo as b, For as C, Show as h } from "solid-js";
+import { cn as y } from "../../utils/cn.js";
+import { deferNonBlocking as $ } from "../../utils/defer.js";
+import { Tooltip as B } from "../ui/Tooltip.js";
 import { resolveActivityBarClick as _ } from "./activityBarBehavior.js";
-var B = /* @__PURE__ */ s('<div class="flex flex-col">'), p = /* @__PURE__ */ s('<div data-floe-shell-slot=activity-bar style=border-right-color:var(--activity-bar-border)><div class="flex flex-col">'), S = /* @__PURE__ */ s('<div class="absolute left-0 top-0 w-1 h-full bg-primary rounded-r">'), j = /* @__PURE__ */ s("<span>"), N = /* @__PURE__ */ s("<button type=button>");
-function V(e) {
-  const o = v(() => e.activeId), r = v(() => e.collapsed ?? !1), t = v(() => e.onActiveChange), c = v(() => e.onCollapsedChange), u = (i) => {
+var S = /* @__PURE__ */ s('<div class="flex flex-col">'), j = /* @__PURE__ */ s('<nav data-floe-shell-slot=activity-bar style=border-right-color:var(--activity-bar-border)><div class="flex flex-col">'), N = /* @__PURE__ */ s('<div class="absolute left-0 top-0 w-1 h-full bg-primary rounded-r">'), q = /* @__PURE__ */ s("<span>"), D = /* @__PURE__ */ s("<button type=button>");
+function z(e) {
+  const o = b(() => e.activeId), n = b(() => e.collapsed ?? !1), t = b(() => e.onActiveChange), d = b(() => e.onCollapsedChange), v = (i) => {
     if (i.onClick) {
-      I(() => i.onClick());
+      $(() => i.onClick());
       return;
     }
-    const n = _({
+    const l = _({
       clickedId: i.id,
       activeId: o(),
-      collapsed: r(),
+      collapsed: n(),
       behavior: i.collapseBehavior
     });
-    n.nextActiveId !== o() && (typeof n.openSidebar == "boolean" ? t()(n.nextActiveId, {
-      openSidebar: n.openSidebar
-    }) : t()(n.nextActiveId)), typeof n.nextCollapsed == "boolean" && c()?.(n.nextCollapsed);
+    l.nextActiveId !== o() && (typeof l.openSidebar == "boolean" ? t()(l.nextActiveId, {
+      openSidebar: l.openSidebar
+    }) : t()(l.nextActiveId)), typeof l.nextCollapsed == "boolean" && d()?.(l.nextCollapsed);
   };
   return (() => {
-    var i = p(), n = i.firstChild;
-    return a(n, l(x, {
+    var i = j(), l = i.firstChild;
+    return c(l, a(C, {
       get each() {
         return e.items;
       },
-      children: (d) => l(C, {
-        item: d,
+      children: (r) => a(A, {
+        item: r,
         get isActive() {
-          return o() === d.id;
+          return o() === r.id;
         },
-        onClick: () => u(d)
+        onClick: () => v(r)
       })
-    })), a(i, l(g, {
+    })), c(i, a(h, {
       get when() {
         return e.bottomItems?.length;
       },
       get children() {
-        var d = B();
-        return a(d, l(x, {
+        var r = S();
+        return c(r, a(C, {
           get each() {
             return e.bottomItems;
           },
-          children: (h) => l(C, {
-            item: h,
+          children: (u) => a(A, {
+            item: u,
             isActive: !1,
-            onClick: () => u(h)
+            onClick: () => v(u)
           })
-        })), d;
+        })), r;
       }
-    }), null), f(() => b(i, m("w-10 md:w-12 flex flex-col justify-between shrink-0 min-h-0", "bg-activity-bar border-r border-border", e.class))), i;
+    }), null), f((r) => {
+      var u = y("w-10 md:w-12 flex flex-col justify-between shrink-0 min-h-0", "bg-activity-bar border-r border-border", e.class), x = e.ariaLabel;
+      return u !== r.e && g(i, r.e = u), x !== r.t && m(i, "aria-label", r.t = x), r;
+    }, {
+      e: void 0,
+      t: void 0
+    }), i;
   })();
 }
-function C(e) {
+function A(e) {
   const o = () => typeof e.item.badge == "function" ? e.item.badge() : e.item.badge;
-  return l($, {
+  return a(B, {
     get content() {
       return e.item.label;
     },
     placement: "right",
     delay: 0,
     get children() {
-      var r = N();
-      return r.$$click = () => e.onClick(), a(r, l(g, {
+      var n = D();
+      return n.$$click = () => e.onClick(), c(n, a(h, {
         get when() {
           return e.isActive;
         },
         get children() {
-          return S();
+          return N();
         }
-      }), null), a(r, l(A, {
+      }), null), c(n, a(k, {
         get component() {
           return e.item.icon;
         },
         class: "w-5 h-5"
-      }), null), a(r, l(g, {
+      }), null), c(n, a(h, {
         get when() {
           return o();
         },
         get children() {
-          var t = j();
-          return a(t, (() => {
-            var c = k(() => typeof o() == "number" && o() > 99);
-            return () => c() ? "99+" : o();
-          })()), f(() => b(t, m("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"))), t;
+          var t = q();
+          return c(t, (() => {
+            var d = w(() => typeof o() == "number" && o() > 99);
+            return () => d() ? "99+" : o();
+          })()), f(() => g(t, 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"))), t;
         }
       }), null), f((t) => {
-        var c = m("relative w-full aspect-square flex items-center justify-center cursor-pointer", "transition-[color,background-color] duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-inset", e.isActive ? "text-activity-bar-foreground-active bg-accent/80" : "text-activity-bar-foreground hover:text-activity-bar-foreground-active hover:bg-accent/40"), u = e.item.label, i = e.isActive;
-        return c !== t.e && b(r, t.e = c), u !== t.t && y(r, "aria-label", t.t = u), i !== t.a && y(r, "aria-pressed", t.a = i), t;
+        var d = y("relative w-full aspect-square flex items-center justify-center cursor-pointer", "transition-[color,background-color] duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-inset", e.isActive ? "text-activity-bar-foreground-active bg-accent/80" : "text-activity-bar-foreground hover:text-activity-bar-foreground-active hover:bg-accent/40"), v = e.item.label, i = e.isActive;
+        return d !== t.e && g(n, t.e = d), v !== t.t && m(n, "aria-label", t.t = v), i !== t.a && m(n, "aria-pressed", t.a = i), t;
       }, {
         e: void 0,
         t: void 0,
         a: void 0
-      }), r;
+      }), n;
     }
   });
 }
-w(["click"]);
+I(["click"]);
 export {
-  V as ActivityBar
+  z as ActivityBar
 };

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

@@ -13,6 +13,7 @@ export interface MobileTabBarProps {
     items: MobileTabBarItem[];
     activeId: string;
     onSelect: (id: string) => void;
+    ariaLabel?: string;
     class?: string;
 }
 /**