@floegence/floe-webapp-core 0.15.9 → 0.15.11

package/dist/components/ui/DirectoryInput.d.ts

@@ -29,5 +29,7 @@ export interface DirectoryInputProps {
     class?: string;
     /** Maximum height for the tree panel (default: '200px') */
     treeMaxHeight?: string;
+    /** Whether the tree panel is expanded by default (default: true) */
+    defaultExpanded?: boolean;
 }
 export declare function DirectoryInput(props: DirectoryInputProps): import("solid-js").JSX.Element;

package/dist/context/NotificationContext.d.ts

@@ -1,4 +1,4 @@
-import { type Accessor } from 'solid-js';
+import { type Accessor, type JSX } from 'solid-js';
 export type NotificationType = 'info' | 'success' | 'warning' | 'error';
 export interface Notification {
     id: string;
@@ -23,10 +23,10 @@ export interface NotificationContextValue {
 }
 export declare function createNotificationService(): NotificationContextValue;
 export declare const NotificationProvider: (props: {
-    children: import("solid-js").JSX.Element;
-}) => import("solid-js").JSX.Element, useNotification: () => NotificationContextValue;
+    children: JSX.Element;
+}) => JSX.Element, useNotification: () => NotificationContextValue;
 /**
  * Notification toast container component
  * Place this at the root of your app
  */
-export declare function NotificationContainer(): import("solid-js").JSX.Element;
+export declare function NotificationContainer(): JSX.Element;

package/dist/index126.js

@@ -1,20 +1,10 @@
-function W(t) {
-  const c = t.labels, i = c.length;
-  if (i <= 2) return;
-  const n = t.viewBoxWidth;
-  if (!Number.isFinite(n) || n <= 0) return;
-  const x = t.padding.left, s = t.padding.right, o = n - x - s;
-  if (!Number.isFinite(o) || o <= 0) return;
-  const e = t.viewportWidthPx, m = typeof e == "number" && Number.isFinite(e) && e > 0 ? Math.min(1, e / n) : 1, l = o * m;
-  let a = 0;
-  for (const r of c)
-    r && r.length > a && (a = r.length);
-  if (a <= 0) return;
-  const f = t.axisFontSizePx ?? 10, u = t.avgCharWidthFactor ?? 0.6, g = t.minGapPx ?? 6, d = a * f * u + g, h = l / Math.max(1, i - 1);
-  if (h >= d) return;
-  const v = Math.max(1, Math.ceil(d / Math.max(1, h))), P = Math.floor((i - 1) / v) + 1;
-  return Math.max(2, Math.min(i, P));
+function i(e) {
+  return e.activeIsFullScreen || e.mobileSidebarOpen ? e.activeId : "";
+}
+function t(e) {
+  return e.clickedIsFullScreen ? { nextActiveId: e.clickedId, nextMobileSidebarOpen: !1 } : e.clickedId === e.activeId && e.mobileSidebarOpen ? { nextActiveId: e.clickedId, nextMobileSidebarOpen: !1 } : { nextActiveId: e.clickedId, nextMobileSidebarOpen: !0 };
 }
 export {
-  W as computeAutoMaxXAxisLabels
+  i as resolveMobileTabActiveId,
+  t as resolveMobileTabSelect
 };

package/dist/index127.js

@@ -1,21 +1,21 @@
-import { createComponent as n, Portal as D, insert as o, Dynamic as I, effect as p, className as x, setStyleProperty as F, memo as E, template as l, setAttribute as y } from "solid-js/web";
-import { createMemo as b, Show as m, For as P } from "solid-js";
-import { cn as h } from "./index113.js";
+import { createComponent as n, Portal as D, insert as o, Dynamic as I, effect as m, className as x, setStyleProperty as F, memo as E, template as i, setAttribute as y } from "solid-js/web";
+import { createMemo as b, Show as g, For as P } from "solid-js";
+import { cn as f } from "./index113.js";
 import { useFileBrowserDrag as R } from "./index105.js";
 import { FolderIcon as T, getFileIcon as O } from "./index56.js";
-var V = /* @__PURE__ */ l('<div class="text-[10px] text-muted-foreground pl-6">and <!> more...'), j = /* @__PURE__ */ l("<span>Drop to move"), $ = /* @__PURE__ */ l("<div>"), z = /* @__PURE__ */ l("<div><div>"), B = /* @__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">'), M = /* @__PURE__ */ l("<span>Cannot drop here"), A = /* @__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">'), U = /* @__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 V = /* @__PURE__ */ i('<div class="text-[10px] text-muted-foreground pl-6">and <!> more...'), j = /* @__PURE__ */ i("<span>Drop to move"), $ = /* @__PURE__ */ i("<div>"), z = /* @__PURE__ */ i("<div><div>"), B = /* @__PURE__ */ i('<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">'), M = /* @__PURE__ */ i("<span>Cannot drop here"), A = /* @__PURE__ */ i('<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">'), U = /* @__PURE__ */ i('<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 w = 3, X = 16, N = 16;
 function L() {
-  const d = R(), r = () => d?.dragState(), k = () => r()?.isDragging ?? !1, c = () => r()?.draggedItems ?? [], v = () => r()?.pointerPosition ?? {
+  const d = R(), r = () => d?.dragState(), S = () => r()?.isDragging ?? !1, c = () => r()?.draggedItems ?? [], v = () => r()?.pointerPosition ?? {
     x: 0,
     y: 0
-  }, g = () => r()?.isValidDrop ?? !1, f = () => !!r()?.dropTarget, S = b(() => c().slice(0, w).map((a) => a.item)), _ = b(() => {
+  }, u = () => r()?.isValidDrop ?? !1, h = () => !!r()?.dropTarget, k = b(() => c().slice(0, w).map((a) => a.item)), _ = b(() => {
     const t = c().length;
     return t > w ? t - w : 0;
   }), C = (t) => t.type === "folder" ? T : O(t.extension);
-  return n(m, {
+  return n(g, {
     get when() {
-      return E(() => !!k())() && c().length > 0;
+      return E(() => !!S())() && c().length > 0;
     },
     get children() {
       return n(D, {
@@ -23,34 +23,34 @@ function L() {
           var t = z(), a = t.firstChild;
           return o(a, n(P, {
             get each() {
-              return S();
+              return k();
             },
             children: (e) => (() => {
-              var s = B(), i = s.firstChild, u = i.nextSibling;
-              return o(i, n(I, {
+              var s = B(), l = s.firstChild, p = l.nextSibling;
+              return o(l, n(I, {
                 get component() {
                   return C(e);
                 },
                 class: "w-4 h-4"
-              })), o(u, () => e.name), s;
+              })), o(p, () => e.name), s;
             })()
-          }), null), o(a, n(m, {
+          }), null), o(a, n(g, {
             get when() {
               return _() > 0;
             },
             get children() {
-              var e = V(), s = e.firstChild, i = s.nextSibling;
-              return i.nextSibling, o(e, _, i), e;
+              var e = V(), s = e.firstChild, l = s.nextSibling;
+              return l.nextSibling, o(e, _, l), e;
             }
-          }), null), o(a, n(m, {
+          }), null), o(a, n(g, {
             get when() {
-              return f();
+              return h();
             },
             get children() {
               var e = $();
-              return o(e, n(m, {
+              return o(e, n(g, {
                 get when() {
-                  return g();
+                  return u();
                 },
                 get fallback() {
                   return [n(Y, {
@@ -62,43 +62,43 @@ function L() {
                     class: "w-3.5 h-3.5"
                   }), j()];
                 }
-              })), p(() => x(e, h("flex items-center gap-1.5 pt-1.5 mt-1 border-t border-border/50 text-[11px] font-medium", "transition-colors duration-150", g() ? "text-primary" : "text-destructive"))), e;
+              })), m(() => x(e, f("flex items-center gap-1.5 pt-1.5 mt-1 border-t border-border text-[11px] font-medium", "transition-colors duration-150", u() ? "text-success" : "text-error"))), e;
             }
-          }), null), o(t, n(m, {
+          }), null), o(t, n(g, {
             get when() {
               return c().length > 1;
             },
             get children() {
               var e = $();
-              return o(e, () => c().length), p(() => x(e, h(
+              return o(e, () => c().length), m(() => x(e, f(
                 "absolute -top-2 -right-2",
-                "min-w-[20px] h-5 px-1 rounded-full",
-                "bg-primary text-primary-foreground",
+                "min-w-[20px] h-5 px-1.5 rounded-full",
+                "bg-foreground text-background",
                 "flex items-center justify-center",
                 "text-[10px] font-semibold",
-                "shadow-lg shadow-primary/30",
-                // Subtle pulse on first render
+                "shadow-sm",
+                // Entrance animation
                 "animate-in zoom-in-50 duration-200"
               ))), e;
             }
-          }), null), p((e) => {
-            var s = h(
+          }), null), m((e) => {
+            var s = f(
               "fixed top-0 left-0 pointer-events-none z-[9999]",
               // GPU-accelerated transform for smooth movement
               "will-change-transform"
-            ), i = `translate3d(${v().x + X}px, ${v().y + N}px, 0)`, u = h(
+            ), l = `translate3d(${v().x + X}px, ${v().y + N}px, 0)`, p = f(
               "flex flex-col gap-1 p-2.5 rounded-lg",
-              "bg-popover/95 backdrop-blur-sm border border-border",
-              "shadow-xl shadow-black/10",
+              "bg-card border border-border",
+              "shadow-md",
               "min-w-[150px] max-w-[220px]",
               // Entrance animation
               "animate-in fade-in zoom-in-95 duration-150",
               // Visual feedback for valid/invalid drop with smooth transition
               "transition-[border-color,box-shadow] duration-150",
-              f() && g() && "border-primary shadow-primary/20",
-              f() && !g() && "border-destructive shadow-destructive/20"
+              h() && u() && "border-success/60",
+              h() && !u() && "border-error/60"
             );
-            return s !== e.e && x(t, e.e = s), i !== e.t && F(t, "transform", e.t = i), u !== e.a && x(a, e.a = u), e;
+            return s !== e.e && x(t, e.e = s), l !== e.t && F(t, "transform", e.t = l), p !== e.a && x(a, e.a = p), e;
           }, {
             e: void 0,
             t: void 0,
@@ -112,13 +112,13 @@ function L() {
 function W(d) {
   return (() => {
     var r = A();
-    return p(() => y(r, "class", d.class)), r;
+    return m(() => y(r, "class", d.class)), r;
   })();
 }
 function Y(d) {
   return (() => {
     var r = U();
-    return p(() => y(r, "class", d.class)), r;
+    return m(() => y(r, "class", d.class)), r;
   })();
 }
 export {

package/dist/index130.js

@@ -1,10 +1,20 @@
-function i(e) {
-  return e.activeIsFullScreen || e.mobileSidebarOpen ? e.activeId : "";
-}
-function t(e) {
-  return e.clickedIsFullScreen ? { nextActiveId: e.clickedId, nextMobileSidebarOpen: !1 } : e.clickedId === e.activeId && e.mobileSidebarOpen ? { nextActiveId: e.clickedId, nextMobileSidebarOpen: !1 } : { nextActiveId: e.clickedId, nextMobileSidebarOpen: !0 };
+function W(t) {
+  const c = t.labels, i = c.length;
+  if (i <= 2) return;
+  const n = t.viewBoxWidth;
+  if (!Number.isFinite(n) || n <= 0) return;
+  const x = t.padding.left, s = t.padding.right, o = n - x - s;
+  if (!Number.isFinite(o) || o <= 0) return;
+  const e = t.viewportWidthPx, m = typeof e == "number" && Number.isFinite(e) && e > 0 ? Math.min(1, e / n) : 1, l = o * m;
+  let a = 0;
+  for (const r of c)
+    r && r.length > a && (a = r.length);
+  if (a <= 0) return;
+  const f = t.axisFontSizePx ?? 10, u = t.avgCharWidthFactor ?? 0.6, g = t.minGapPx ?? 6, d = a * f * u + g, h = l / Math.max(1, i - 1);
+  if (h >= d) return;
+  const v = Math.max(1, Math.ceil(d / Math.max(1, h))), P = Math.floor((i - 1) / v) + 1;
+  return Math.max(2, Math.min(i, P));
 }
 export {
-  i as resolveMobileTabActiveId,
-  t as resolveMobileTabSelect
+  W as computeAutoMaxXAxisLabels
 };

package/dist/index2.js

@@ -1,5 +1,5 @@
-import { delegateEvents as H, insert as a, createComponent as i, Dynamic as $, memo as p, effect as I, className as T, setStyleProperty as R, template as v } from "solid-js/web";
-import { createSignal as P, createEffect as g, createMemo as x, For as _, Show as u } from "solid-js";
+import { delegateEvents as H, insert as a, createComponent as i, Dynamic as $, memo as p, effect as I, className as T, setStyleProperty as R, template as g } from "solid-js/web";
+import { createSignal as P, createEffect as v, createMemo as x, For as _, Show as u } from "solid-js";
 import { useLayout as W } from "./index97.js";
 import { useResolvedFloeConfig as E } from "./index95.js";
 import { useMediaQuery as Q } from "./index106.js";
@@ -11,102 +11,101 @@ import { BottomBar as j } from "./index6.js";
 import { MobileTabBar as q } from "./index7.js";
 import { ActivityBar as G } from "./index3.js";
 import { ResizeHandle as M } from "./index8.js";
-import { resolveMobileTabActiveId as J, resolveMobileTabSelect as K } from "./index130.js";
-var B = /* @__PURE__ */ v('<div class="flex items-center gap-2">'), U = /* @__PURE__ */ v('<div class="absolute inset-0 z-40 bg-black/30 cursor-pointer">'), V = /* @__PURE__ */ v('<div><div class="h-full overflow-auto overscroll-contain">'), X = /* @__PURE__ */ v('<div class="relative shrink-0 border-t border-border bg-terminal-background overflow-hidden">'), Y = /* @__PURE__ */ v('<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 be(l) {
-  const t = W(), k = E(), d = Q(k.config.layout.mobileQuery), [S, b] = P(!1), c = () => l.sidebarMode === "hidden", w = (e) => t.setSidebarActiveTab(e, {
-    openSidebar: !c()
-  }), m = (() => {
+import { resolveMobileTabActiveId as J, resolveMobileTabSelect as K } from "./index126.js";
+var B = /* @__PURE__ */ g('<div class="flex items-center gap-2">'), U = /* @__PURE__ */ g('<div class="absolute inset-0 z-40 bg-black/30 cursor-pointer">'), V = /* @__PURE__ */ g('<div><div class="h-full overflow-auto overscroll-contain">'), X = /* @__PURE__ */ g('<div class="relative shrink-0 border-t border-border bg-terminal-background overflow-hidden">'), Y = /* @__PURE__ */ g('<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 be(o) {
+  const t = W(), k = E(), s = Q(k.config.layout.mobileQuery), [S, b] = P(!1), d = () => o.sidebarMode === "hidden", w = (e) => t.setSidebarActiveTab(e, {
+    openSidebar: !d()
+  }), c = (() => {
     try {
       return D();
     } catch {
       return null;
     }
   })();
-  g(() => {
-    c() && b(!1);
-  }), g(() => {
-    const e = d();
+  v(() => {
+    d() && b(!1);
+  }), v(() => {
+    const e = s();
     t.isMobile() !== e && t.setIsMobile(e);
-  }), g(() => {
-    d() || b(!1);
+  }), v(() => {
+    s() || b(!1);
   });
-  const f = x(() => l.activityItems ? l.activityItems : m ? m.sidebarItems().filter((e) => !!e.icon).filter((e) => !(d() && e.sidebar?.hiddenOnMobile)).map((e) => ({
+  const f = x(() => o.activityItems ? o.activityItems : c ? c.sidebarItems().filter((e) => !!e.icon).filter((e) => !(s() && e.sidebar?.hiddenOnMobile)).map((e) => ({
     id: e.id,
     icon: e.icon,
     label: e.name,
     badge: e.sidebar?.badge
   })) : []), y = (e) => {
-    if (c()) return;
-    if (l.sidebarContent) return l.sidebarContent(e);
-    if (!m) return;
-    const n = m.getComponent(e);
-    if (n?.sidebar && !n.sidebar.fullScreen)
+    if (d()) return;
+    if (o.sidebarContent) return o.sidebarContent(e);
+    if (!c) return;
+    const l = c.getComponent(e);
+    if (l?.sidebar && !l.sidebar.fullScreen)
       return i($, {
         get component() {
-          return n.component;
+          return l.component;
         }
       });
-  }, C = x(() => c() ? !0 : m ? m.getComponent(t.sidebarActiveTab())?.sidebar?.fullScreen ?? !1 : !1);
-  g(() => {
-    d() && C() && b(!1);
+  }, C = x(() => d() ? !0 : c ? c.getComponent(t.sidebarActiveTab())?.sidebar?.fullScreen ?? !1 : !1);
+  v(() => {
+    s() && C() && b(!1);
   });
   const z = x(() => {
-    if (l.bottomBarItems) return l.bottomBarItems;
-    if (!m) return;
-    const e = [...m.statusBarItems()].sort((o, r) => (o.order ?? 100) - (r.order ?? 100)), n = e.filter((o) => o.position === "left"), s = e.filter((o) => o.position === "right");
+    if (o.bottomBarItems) return o.bottomBarItems;
+    if (!c) return;
+    const e = [...c.statusBarItems()].sort((n, r) => (n.order ?? 100) - (r.order ?? 100)), l = e.filter((n) => n.position === "left"), m = e.filter((n) => n.position === "right");
     return [(() => {
-      var o = B();
-      return a(o, i(_, {
-        each: n,
+      var n = B();
+      return a(n, i(_, {
+        each: l,
         children: (r) => i($, {
           get component() {
             return r.component;
           }
         })
-      })), o;
+      })), n;
     })(), (() => {
-      var o = B();
-      return a(o, i(_, {
-        each: s,
+      var n = B();
+      return a(n, i(_, {
+        each: m,
         children: (r) => i($, {
           get component() {
             return r.component;
           }
         })
-      })), o;
+      })), n;
     })()];
   });
-  g(() => {
+  v(() => {
     const e = f();
     if (!e.length) return;
-    const n = t.sidebarActiveTab();
-    (!n || !e.some((s) => s.id === n)) && w(e[0].id);
+    t.sidebarActiveTab() || w(e[0].id);
   });
   const O = (e) => {
-    const n = c() ? !0 : m?.getComponent(e)?.sidebar?.fullScreen ?? !1, {
-      nextActiveId: s,
-      nextMobileSidebarOpen: o
+    const l = d() ? !0 : c?.getComponent(e)?.sidebar?.fullScreen ?? !1, {
+      nextActiveId: m,
+      nextMobileSidebarOpen: n
     } = K({
       clickedId: e,
       activeId: t.sidebarActiveTab(),
       mobileSidebarOpen: S(),
-      clickedIsFullScreen: n
+      clickedIsFullScreen: l
     });
-    t.sidebarActiveTab() !== s && w(s), b(o);
-  }, F = () => c() ? !0 : t.sidebarCollapsed();
+    t.sidebarActiveTab() !== m && w(m), b(n);
+  }, F = () => d() ? !0 : t.sidebarCollapsed();
   return (() => {
-    var e = Y(), n = e.firstChild, s = n.firstChild, o = s.firstChild;
+    var e = Y(), l = e.firstChild, m = l.firstChild, n = m.firstChild;
     return a(e, i(N, {
       get logo() {
-        return l.logo;
+        return o.logo;
       },
       get actions() {
-        return l.topBarActions;
+        return o.topBarActions;
       }
-    }), n), a(n, i(u, {
+    }), l), a(l, i(u, {
       get when() {
-        return !d();
+        return !s();
       },
       get children() {
         return [i(u, {
@@ -119,7 +118,7 @@ function be(l) {
                 return f();
               },
               get bottomItems() {
-                return l.activityBottomItems;
+                return o.activityBottomItems;
               },
               get activeId() {
                 return t.sidebarActiveTab();
@@ -129,13 +128,13 @@ function be(l) {
                 return F();
               },
               get onCollapsedChange() {
-                return p(() => !!c())() ? void 0 : t.setSidebarCollapsed;
+                return p(() => !!d())() ? void 0 : t.setSidebarCollapsed;
               }
             });
           }
         }), i(u, {
           get when() {
-            return !c();
+            return !d();
           },
           get children() {
             return i(L, {
@@ -158,9 +157,9 @@ function be(l) {
           }
         })];
       }
-    }), s), a(n, i(u, {
+    }), m), a(l, i(u, {
       get when() {
-        return p(() => !!(d() && S()))() && !c();
+        return p(() => !!(s() && S()))() && !d();
       },
       get children() {
         return [(() => {
@@ -171,20 +170,20 @@ function be(l) {
           return a(h, () => y(t.sidebarActiveTab())), I(() => T(r, A("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;
         })()];
       }
-    }), s), a(o, () => l.children), a(s, i(u, {
+    }), m), a(n, () => o.children), a(m, i(u, {
       get when() {
-        return p(() => !!(!d() && t.terminalOpened()))() && l.terminalPanel;
+        return p(() => !!(!s() && t.terminalOpened()))() && o.terminalPanel;
       },
       get children() {
         var r = X();
         return a(r, i(M, {
           direction: "vertical",
           onResize: (h) => t.setTerminalHeight(t.terminalHeight() - h)
-        }), null), a(r, () => l.terminalPanel, null), I((h) => R(r, "height", `${t.terminalHeight()}px`)), r;
+        }), null), a(r, () => o.terminalPanel, null), I((h) => R(r, "height", `${t.terminalHeight()}px`)), r;
       }
     }), null), a(e, i(u, {
       get when() {
-        return !d();
+        return !s();
       },
       get children() {
         return i(j, {
@@ -195,7 +194,7 @@ function be(l) {
       }
     }), null), a(e, i(u, {
       get when() {
-        return p(() => !!d())() && f().length > 0;
+        return p(() => !!s())() && f().length > 0;
       },
       get children() {
         return i(q, {
@@ -218,7 +217,7 @@ function be(l) {
       "bg-background text-foreground",
       // Prevent overscroll on the shell container
       "overscroll-none",
-      l.class
+      o.class
     ))), e;
   })();
 }

package/dist/index30.js

@@ -1,9 +1,9 @@
-import { delegateEvents as k, insert as n, createComponent as a, memo as y, effect as S, className as p, template as u } from "solid-js/web";
-import { splitProps as E, createSignal as $, createEffect as C, on as _, Show as g } from "solid-js";
-import { cn as c } from "./index113.js";
+import { delegateEvents as k, insert as o, createComponent as a, memo as y, effect as S, className as p, template as c } from "solid-js/web";
+import { splitProps as $, createSignal as C, createEffect as f, on as _, Show as g } from "solid-js";
+import { cn as u } from "./index113.js";
 import { usePickerTree as T, PickerBreadcrumb as F, PickerFolderTree as L } from "./index32.js";
 import { Folder as z, ChevronRight as R } from "./index42.js";
-var B = /* @__PURE__ */ u('<div class="border border-input rounded-b-md overflow-hidden bg-background shadow-sm border-t-0"><div class="px-2 py-1 border-b border-border/50 bg-muted/30">'), D = /* @__PURE__ */ u('<p class="mt-1 text-[11px] text-error"role=alert>'), H = /* @__PURE__ */ u('<p class="mt-1 text-[11px] text-muted-foreground">'), M = /* @__PURE__ */ u("<div><button type=button><span>");
+var B = /* @__PURE__ */ c('<div class="border border-input rounded-b-md overflow-hidden bg-background shadow-sm border-t-0"><div class="px-2 py-1 border-b border-border/50 bg-muted/30">'), D = /* @__PURE__ */ c('<p class="mt-1 text-[11px] text-error"role=alert>'), H = /* @__PURE__ */ c('<p class="mt-1 text-[11px] text-muted-foreground">'), M = /* @__PURE__ */ c("<div><button type=button><span>");
 const I = {
   sm: {
     container: "h-7 px-2",
@@ -21,8 +21,12 @@ const I = {
     text: "text-sm"
   }
 };
-function A(f) {
-  const [e] = E(f, ["value", "onChange", "files", "onExpand", "placeholder", "homePath", "homeLabel", "initialPath", "disabled", "size", "error", "helperText", "class", "treeMaxHeight"]), [d, b] = $(!1), v = () => e.size ?? "md", i = () => I[v()], o = T({
+function A(b) {
+  const [e] = $(b, ["value", "onChange", "files", "onExpand", "placeholder", "homePath", "homeLabel", "initialPath", "disabled", "size", "error", "helperText", "class", "treeMaxHeight", "defaultExpanded"]), [d, v] = C(e.defaultExpanded !== !1), P = () => e.size ?? "md", i = () => I[P()];
+  f(() => {
+    d() && e.files.length === 0 && e.onExpand && e.onExpand("/");
+  });
+  const n = T({
     initialPath: e.initialPath ?? "/",
     open: () => !0,
     files: () => e.files,
@@ -30,63 +34,63 @@ function A(f) {
     homeLabel: e.homeLabel,
     homePath: e.homePath
   });
-  C(_(o.selectedPath, (r) => {
+  f(_(n.selectedPath, (r) => {
     if (!d()) return;
-    const l = o.toDisplayPath(r);
+    const l = n.toDisplayPath(r);
     e.onChange?.(l);
   }));
-  const P = () => {
+  const E = () => {
     if (e.disabled) return;
     const r = d();
-    !r && e.files.length === 0 && e.onExpand && e.onExpand("/"), b(!r);
+    !r && e.files.length === 0 && e.onExpand && e.onExpand("/"), v(!r);
   }, w = () => e.value ? e.homePath && e.value.startsWith(e.homePath) ? "~" + (e.value.slice(e.homePath.length) || "") : e.value : null;
   return (() => {
     var r = M(), l = r.firstChild, h = l.firstChild;
-    return l.$$click = P, n(l, a(z, {
+    return l.$$click = E, o(l, a(z, {
       get class() {
-        return c("text-muted-foreground flex-shrink-0", i().icon);
+        return u("text-muted-foreground flex-shrink-0", i().icon);
       }
-    }), h), n(h, () => w() || e.placeholder || "Select a directory..."), n(l, a(R, {
+    }), h), o(h, () => w() || e.placeholder || "Select a directory..."), o(l, a(R, {
       get class() {
-        return c("text-muted-foreground flex-shrink-0 transition-transform duration-150", i().icon, d() && "rotate-90");
+        return u("text-muted-foreground flex-shrink-0 transition-transform duration-150", i().icon, d() && "rotate-90");
       }
-    }), null), n(r, a(g, {
+    }), null), o(r, a(g, {
       get when() {
         return d();
       },
       get children() {
         var t = B(), s = t.firstChild;
-        return n(s, a(F, {
+        return o(s, a(F, {
           get segments() {
-            return o.breadcrumbSegments;
+            return n.breadcrumbSegments;
           },
           get onClick() {
-            return o.handleBreadcrumbClick;
+            return n.handleBreadcrumbClick;
           }
-        })), n(t, a(L, {
+        })), o(t, a(L, {
           get rootFolders() {
-            return o.rootFolders;
+            return n.rootFolders;
           },
           get selectedPath() {
-            return o.selectedPath;
+            return n.selectedPath;
           },
           get expandedPaths() {
-            return o.expandedPaths;
+            return n.expandedPaths;
           },
           get onToggle() {
-            return o.toggleExpand;
+            return n.toggleExpand;
           },
           get onSelect() {
-            return o.handleSelectFolder;
+            return n.handleSelectFolder;
           },
           get onSelectRoot() {
-            return o.handleSelectRoot;
+            return n.handleSelectRoot;
           },
           get isSelectable() {
-            return o.isSelectable;
+            return n.isSelectable;
           },
           get homeLabel() {
-            return o.homeLabel;
+            return n.homeLabel;
           },
           class: "border-0 rounded-none",
           get style() {
@@ -96,24 +100,24 @@ function A(f) {
           }
         }), null), t;
       }
-    }), null), n(r, a(g, {
+    }), null), o(r, a(g, {
       get when() {
         return e.error;
       },
       get children() {
         var t = D();
-        return n(t, () => e.error), t;
+        return o(t, () => e.error), t;
       }
-    }), null), n(r, a(g, {
+    }), null), o(r, a(g, {
       get when() {
         return y(() => !!e.helperText)() && !e.error;
       },
       get children() {
         var t = H();
-        return n(t, () => e.helperText), t;
+        return o(t, () => e.helperText), t;
       }
     }), null), S((t) => {
-      var s = e.disabled, m = c("w-full flex items-center gap-2 rounded border border-input bg-background shadow-sm", "transition-colors duration-100 cursor-pointer", "hover:bg-muted/50", "focus:outline-none focus:ring-1 focus:ring-ring focus:border-ring", "disabled:cursor-not-allowed disabled:opacity-50", e.error && "border-error focus:ring-error", d() && "rounded-b-none border-b-0", i().container, e.class), x = c("flex-1 text-left truncate font-mono", i().text, e.value ? "text-foreground" : "text-muted-foreground/60");
+      var s = e.disabled, m = u("w-full flex items-center gap-2 rounded border border-input bg-background shadow-sm", "transition-colors duration-100 cursor-pointer", "hover:bg-muted/50", "focus:outline-none focus:ring-1 focus:ring-ring focus:border-ring", "disabled:cursor-not-allowed disabled:opacity-50", e.error && "border-error focus:ring-error", d() && "rounded-b-none border-b-0", i().container, e.class), x = u("flex-1 text-left truncate font-mono", i().text, e.value ? "text-foreground" : "text-muted-foreground/60");
       return s !== t.e && (l.disabled = t.e = s), m !== t.t && p(l, t.t = m), x !== t.a && p(h, t.a = x), t;
     }, {
       e: void 0,

package/dist/index37.js

@@ -2,7 +2,7 @@ import { delegateEvents as te, createComponent as $, mergeProps as ee, insert as
 import { splitProps as _t, createUniqueId as Xt, createMemo as K, createSignal as pt, createEffect as wt, onCleanup as Mt, Show as ot, For as z, untrack as qt } from "solid-js";
 import { cn as Tt } from "./index113.js";
 import { useResizeObserver as ne } from "./index108.js";
-import { computeAutoMaxXAxisLabels as re } from "./index126.js";
+import { computeAutoMaxXAxisLabels as re } from "./index130.js";
 var It = /* @__PURE__ */ A("<div class=chart-title>"), Et = /* @__PURE__ */ A("<svg><g class=chart-grid></svg>", !1, !0, !1), ae = /* @__PURE__ */ A("<div class=chart-legend>"), oe = /* @__PURE__ */ A('<div><svg class=chart-svg preserveAspectRatio="xMidYMid meet"><defs></defs><rect fill=transparent class=chart-hover-area></rect><g class=chart-axis-labels></g><g class=chart-axis-labels>'), se = /* @__PURE__ */ A("<svg><linearGradient x1=0% y1=0% x2=0% y2=100%><stop offset=0% style=stop-opacity:0.4></stop><stop offset=100% style=stop-opacity:0.05></svg>", !1, !0, !1), Dt = /* @__PURE__ */ A("<svg><line class=chart-grid-line></svg>", !1, !0, !1), ie = /* @__PURE__ */ A("<svg><text class=chart-axis-label text-anchor=end dominant-baseline=middle></svg>", !1, !0, !1), le = /* @__PURE__ */ A("<svg><text class=chart-axis-label></svg>", !1, !0, !1), ce = /* @__PURE__ */ A("<svg><path class=chart-area></svg>", !1, !0, !1), de = /* @__PURE__ */ A("<svg><path fill=none stroke-width=2 stroke-linecap=round stroke-linejoin=round class=chart-line></svg>", !1, !0, !1), ue = /* @__PURE__ */ A("<svg><circle stroke-width=2 class=chart-point><title></svg>", !1, !0, !1), he = /* @__PURE__ */ A("<svg><line class=chart-crosshair></svg>", !1, !0, !1), ve = /* @__PURE__ */ A("<svg><rect rx=4 class=chart-tooltip-bg></svg>", !1, !0, !1), ge = /* @__PURE__ */ A("<svg><text class=chart-tooltip-label></svg>", !1, !0, !1), me = /* @__PURE__ */ A("<svg><circle r=6 class=chart-crosshair-point></svg>", !1, !0, !1), fe = /* @__PURE__ */ A("<svg><g><circle r=4></circle><text class=chart-tooltip-value>: </svg>", !1, !0, !1), xe = /* @__PURE__ */ A("<div class=chart-legend-item><div class=chart-legend-color></div><span class=chart-legend-label>"), be = /* @__PURE__ */ A('<div><svg class=chart-svg preserveAspectRatio="xMidYMid meet"><defs></defs><g class=chart-axis-labels>'), $e = /* @__PURE__ */ A("<svg><linearGradient x1=0% y1=0% x2=0% y2=100%><stop offset=0% style=stop-opacity:1></stop><stop offset=100% style=stop-opacity:0.7></svg>", !1, !0, !1), ye = /* @__PURE__ */ A("<svg><text class=chart-bar-value text-anchor=middle></svg>", !1, !0, !1), pe = /* @__PURE__ */ A("<svg><g><rect rx=2 class=chart-bar><title></svg>", !1, !0, !1), Me = /* @__PURE__ */ A("<svg><text class=chart-axis-label text-anchor=middle></svg>", !1, !0, !1), we = /* @__PURE__ */ A("<svg><text class=chart-pie-center-label text-anchor=middle dominant-baseline=middle></svg>", !1, !0, !1), Le = /* @__PURE__ */ A("<svg><text class=chart-pie-center-sublabel text-anchor=middle dominant-baseline=middle>Total</svg>", !1, !0, !1), Ae = /* @__PURE__ */ A("<div class=chart-pie-legend>"), Ce = /* @__PURE__ */ A('<div><div class=chart-pie-wrapper><svg class="chart-svg chart-pie-svg"><defs>'), _e = /* @__PURE__ */ A("<svg><linearGradient x1=0% y1=0% x2=100% y2=100%><stop offset=0% style=stop-opacity:1></stop><stop offset=100% style=stop-opacity:0.8></svg>", !1, !0, !1), Pe = /* @__PURE__ */ A("<svg><path class=chart-pie-slice><title></svg>", !1, !0, !1), Se = /* @__PURE__ */ A("<div class=chart-legend-item><div class=chart-legend-color></div><span class=chart-legend-label></span><span class=chart-legend-value>%"), Fe = /* @__PURE__ */ A("<div class=chart-monitoring-status><div class=chart-monitoring-dot></div><span>Live"), Te = /* @__PURE__ */ A("<div><div class=chart-monitoring-header>");
 const Lt = [
   "var(--primary)",