@floegence/floe-webapp-core 0.1.5 → 0.1.7

package/dist/index37.js

@@ -1,41 +1,111 @@
-import { createComponent as t, memo as n, mergeProps as f } from "solid-js/web";
-import { onMount as u, onCleanup as C } from "solid-js";
-import { useComponentRegistry as g, useComponentContextFactory as h } from "./index44.js";
-import { NotificationContainer as d } from "./index43.js";
-import { Shell as A } from "./index2.js";
-import { CommandPalette as x } from "./index25.js";
-import { FloeProvider as P } from "./index36.js";
-function F(e) {
-  var r, m;
-  const o = g(), c = h(), a = (r = e.getProtocol) == null ? void 0 : r.call(e);
-  return (m = e.components) != null && m.length && o.registerAll(e.components), u(() => {
-    o.mountAll((i) => {
-      const l = c(i, {
-        protocol: a
-      });
-      return e.createComponentContext ? e.createComponentContext(i, l) : l;
+import { createComponent as A } from "solid-js/web";
+import { createContext as V, createSignal as c, createMemo as U, useContext as j } from "solid-js";
+const y = V();
+function W(n) {
+  const [u, B] = c(n.initialPath ?? "/"), [h, x] = c(/* @__PURE__ */ new Set()), [I, b] = c(n.initialViewMode ?? "list"), [m, k] = c({
+    field: "name",
+    direction: "asc"
+  }), [g, S] = c(/* @__PURE__ */ new Set(["/"])), [E, P] = c(!1), [T, C] = c(null), F = () => n.files, v = U(() => {
+    const e = u(), t = F(), o = (r, i) => {
+      if (i === "/" || i === "")
+        return r;
+      for (const s of r)
+        if (s.type === "folder") {
+          if (s.path === i)
+            return s.children ?? [];
+          if (s.children) {
+            const a = o(s.children, i);
+            if (a) return a;
+          }
+        }
+    }, f = o(t, e) ?? [], l = m();
+    return [...f].sort((r, i) => {
+      var a, M;
+      if (r.type !== i.type)
+        return r.type === "folder" ? -1 : 1;
+      let s = 0;
+      switch (l.field) {
+        case "name":
+          s = r.name.localeCompare(i.name);
+          break;
+        case "size":
+          s = (r.size ?? 0) - (i.size ?? 0);
+          break;
+        case "modifiedAt":
+          s = (((a = r.modifiedAt) == null ? void 0 : a.getTime()) ?? 0) - (((M = i.modifiedAt) == null ? void 0 : M.getTime()) ?? 0);
+          break;
+        case "type":
+          s = (r.extension ?? "").localeCompare(i.extension ?? "");
+          break;
+      }
+      return l.direction === "asc" ? s : -s;
     });
-  }), C(() => {
-    o.unmountAll();
-  }), [t(A, f(() => e.shell, {
-    get children() {
-      return e.children;
-    }
-  })), n(() => n(() => e.enableCommandPalette !== !1)() && t(x, {})), n(() => n(() => e.enableNotifications !== !1)() && t(d, {}))];
-}
-function I(e) {
-  return t(P, {
-    get config() {
-      return e.config;
+  }), w = (e) => {
+    var t;
+    B(e), (t = n.onNavigate) == null || t.call(n, e);
+  }, z = {
+    currentPath: u,
+    setCurrentPath: w,
+    navigateUp: () => {
+      const e = u();
+      if (e === "/" || e === "") return;
+      const t = e.split("/").filter(Boolean);
+      t.pop(), w(t.length ? "/" + t.join("/") : "/");
+    },
+    navigateTo: (e) => {
+      e.type === "folder" && (w(e.path), S((t) => {
+        const o = new Set(t);
+        return o.add(e.path), o;
+      }));
     },
-    get wrapAfterTheme() {
-      return e.wrapAfterTheme;
+    selectedItems: () => h(),
+    selectItem: (e, t = !1) => {
+      var f;
+      x((l) => {
+        const d = t ? new Set(l) : /* @__PURE__ */ new Set();
+        return d.has(e) ? d.delete(e) : d.add(e), d;
+      });
+      const o = v().filter((l) => h().has(l.id));
+      (f = n.onSelect) == null || f.call(n, o);
+    },
+    clearSelection: () => {
+      x(/* @__PURE__ */ new Set());
     },
+    isSelected: (e) => h().has(e),
+    viewMode: I,
+    setViewMode: b,
+    sortConfig: m,
+    setSortConfig: k,
+    expandedFolders: g,
+    toggleFolder: (e) => {
+      S((t) => {
+        const o = new Set(t);
+        return o.has(e) ? o.delete(e) : o.add(e), o;
+      });
+    },
+    isExpanded: (e) => g().has(e),
+    files: F,
+    currentFiles: v,
+    sidebarCollapsed: E,
+    toggleSidebar: () => P((e) => !e),
+    contextMenu: T,
+    showContextMenu: (e) => C(e),
+    hideContextMenu: () => C(null)
+  };
+  return A(y.Provider, {
+    value: z,
     get children() {
-      return t(F, e);
+      return n.children;
     }
   });
 }
+function X() {
+  const n = j(y);
+  if (!n)
+    throw new Error("useFileBrowser must be used within a FileBrowserProvider");
+  return n;
+}
 export {
-  I as FloeApp
+  W as FileBrowserProvider,
+  X as useFileBrowser
 };

package/dist/index38.js

@@ -1,28 +1,95 @@
-import { createComponent as i } from "solid-js/web";
-import { createContext as u, useContext as m } from "solid-js";
-function x(t) {
-  const r = u();
-  function n(e) {
-    const c = t.init();
-    return i(r.Provider, {
-      value: c,
-      get children() {
-        return e.children;
+import { delegateEvents as S, template as g, insert as o, createComponent as n, effect as h, className as s, memo as E, setStyleProperty as I } from "solid-js/web";
+import { createMemo as p, For as P, Show as m } from "solid-js";
+import { cn as d } from "./index62.js";
+import { useFileBrowser as $ } from "./index37.js";
+import { FolderOpenIcon as T, FolderIcon as N } from "./index44.js";
+import { ChevronRight as j } from "./index30.js";
+var _ = /* @__PURE__ */ g("<div>"), A = /* @__PURE__ */ g('<span class="ml-auto mr-2 text-[10px] text-muted-foreground/60 opacity-0 group-hover:opacity-100 transition-opacity">'), B = /* @__PURE__ */ g('<div class="flex flex-col"><button type=button><span></span><span class="flex-shrink-0 w-4 h-4"></span><span class=truncate>');
+function H(e) {
+  const i = $(), r = p(() => i.files().filter((l) => l.type === "folder"));
+  return (() => {
+    var l = _();
+    return o(l, n(C, {
+      get items() {
+        return r();
+      },
+      depth: 0
+    })), h(() => s(l, d("flex flex-col", e.class))), l;
+  })();
+}
+function C(e) {
+  const i = p(() => e.items.filter((r) => r.type === "folder"));
+  return n(P, {
+    get each() {
+      return i();
+    },
+    children: (r) => n(D, {
+      item: r,
+      get depth() {
+        return e.depth;
       }
-    });
-  }
-  function o() {
-    const e = m(r);
-    if (!e)
-      throw new Error(`${t.name}Context not found. Make sure to wrap your component with ${t.name}Provider.`);
-    return e;
-  }
-  return {
-    Provider: n,
-    use: o,
-    Context: r
+    })
+  });
+}
+function D(e) {
+  const i = $(), r = () => i.isExpanded(e.item.path), l = () => i.currentPath() === e.item.path, v = p(() => {
+    var c;
+    return ((c = e.item.children) == null ? void 0 : c.filter((a) => a.type === "folder").length) ?? 0;
+  }), u = () => v() > 0, k = () => {
+    i.toggleFolder(e.item.path), i.setCurrentPath(e.item.path);
   };
+  return (() => {
+    var c = B(), a = c.firstChild, f = a.firstChild, x = f.nextSibling, F = x.nextSibling;
+    return a.$$click = k, o(f, n(j, {
+      class: "w-3 h-3 opacity-50"
+    })), o(x, n(m, {
+      get when() {
+        return r();
+      },
+      get fallback() {
+        return n(N, {
+          class: "w-4 h-4"
+        });
+      },
+      get children() {
+        return n(T, {
+          class: "w-4 h-4"
+        });
+      }
+    })), o(F, () => e.item.name), o(a, n(m, {
+      get when() {
+        return u();
+      },
+      get children() {
+        var t = A();
+        return o(t, v), t;
+      }
+    }), null), o(c, n(m, {
+      get when() {
+        return E(() => !!r())() && u();
+      },
+      get children() {
+        var t = _();
+        return o(t, n(C, {
+          get items() {
+            return e.item.children ?? [];
+          },
+          get depth() {
+            return e.depth + 1;
+          }
+        })), h(() => s(t, d("overflow-hidden transition-all duration-200", r() ? "opacity-100" : "opacity-0"))), t;
+      }
+    }), null), h((t) => {
+      var b = d("group flex items-center gap-1 w-full py-1 text-xs cursor-pointer", "transition-all duration-100", "hover:bg-sidebar-accent/60", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring", l() && "bg-sidebar-accent text-sidebar-accent-foreground font-medium"), y = `${8 + e.depth * 12}px`, w = d("flex-shrink-0 w-3.5 h-3.5 flex items-center justify-center", "transition-transform duration-150", r() && "rotate-90", !u() && "opacity-0");
+      return b !== t.e && s(a, t.e = b), y !== t.t && I(a, "padding-left", t.t = y), w !== t.a && s(f, t.a = w), t;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    }), c;
+  })();
 }
+S(["click"]);
 export {
-  x as createSimpleContext
+  H as DirectoryTree
 };

package/dist/index39.js

@@ -1,176 +1,113 @@
-import { createComponent as v } from "solid-js/web";
-import { createContext as C, useContext as g, createMemo as m } from "solid-js";
-const d = {
-  storage: {
-    namespace: "floe",
-    enabled: !0,
-    adapter: void 0
-  },
-  commands: {
-    enableGlobalKeybinds: !0,
-    ignoreWhenTyping: !0,
-    allowWhenTypingWithin: '[data-floe-hotkeys="allow"]',
-    palette: {
-      enabled: !0,
-      keybind: "mod+k"
-    },
-    save: {
-      enabled: !0,
-      keybind: "mod+s",
-      commandId: "file.save",
-      preventDefaultWhenNoHandler: !0
-    }
-  },
-  layout: {
-    storageKey: "layout",
-    mobileQuery: "(max-width: 767px)",
-    sidebar: {
-      defaultWidth: 350,
-      clamp: {
-        min: 220,
-        max: 480
-      },
-      defaultActiveTab: "",
-      defaultCollapsed: !1
-    },
-    terminal: {
-      defaultOpened: !1,
-      defaultHeight: 280,
-      clamp: {
-        min: 150,
-        max: 600
-      }
-    }
-  },
-  theme: {
-    storageKey: "theme",
-    defaultTheme: "system"
-  },
-  deck: {
-    storageKey: "deck"
-  },
-  strings: {
-    topBar: {
-      searchPlaceholder: "Search commands..."
-    },
-    commandPalette: {
-      placeholder: "Type a command or search...",
-      empty: "No commands found",
-      esc: "esc"
-    },
-    confirmDialog: {
-      cancel: "Cancel",
-      confirm: "Confirm"
-    },
-    statusIndicator: {
-      connected: "Connected",
-      disconnected: "Disconnected",
-      connecting: "Connecting",
-      error: "Error"
-    }
-  }
-};
-function I() {
-  if (!(typeof window > "u"))
-    return {
-      getItem: (e) => localStorage.getItem(e),
-      setItem: (e, t) => localStorage.setItem(e, t),
-      removeItem: (e) => localStorage.removeItem(e),
-      keys: () => Object.keys(localStorage)
-    };
-}
-function y(e) {
-  const t = e.adapter ?? I(), i = e.namespace ? `${e.namespace}-` : "", o = (r) => `${i}${r}`, n = () => e.enabled && !!t, s = /* @__PURE__ */ new Map();
-  return {
-    key: o,
-    load: (r, c) => {
-      if (!n()) return c;
-      try {
-        const a = t.getItem(o(r));
-        return a === null ? c : JSON.parse(a);
-      } catch {
-        return c;
-      }
-    },
-    save: (r, c) => {
-      if (n())
-        try {
-          t.setItem(o(r), JSON.stringify(c));
-        } catch (a) {
-          console.warn(`Failed to save ${o(r)}:`, a);
-        }
-    },
-    debouncedSave: (r, c, a = 300) => {
-      if (!n()) return;
-      const l = o(r), u = s.get(l);
-      u && clearTimeout(u), s.set(l, setTimeout(() => {
-        try {
-          t.setItem(l, JSON.stringify(c)), s.delete(l);
-        } catch (h) {
-          console.warn(`Failed to save ${l}:`, h);
+import { delegateEvents as S, template as x, insert as c, createComponent as s, effect as $, className as b, Dynamic as C, memo as _, setStyleProperty as k } from "solid-js/web";
+import { Show as F, For as I } from "solid-js";
+import { cn as f } from "./index62.js";
+import { useFileBrowser as w } from "./index37.js";
+import { FolderIcon as z, getFileIcon as D } from "./index44.js";
+import { ChevronDown as M } from "./index30.js";
+var A = /* @__PURE__ */ x("<span>"), B = /* @__PURE__ */ x('<div><div class="flex items-center border-b border-border text-[11px] text-muted-foreground font-medium"><button type=button class="group flex items-center flex-1 min-w-0 px-3 py-2 cursor-pointer hover:bg-muted/50 transition-colors">Name</button><button type=button class="group hidden sm:flex items-center w-32 px-3 py-2 cursor-pointer hover:bg-muted/50 transition-colors">Modified</button><button type=button class="group hidden md:flex items-center w-24 px-3 py-2 text-right justify-end cursor-pointer hover:bg-muted/50 transition-colors">Size</button></div><div class="flex-1 min-h-0 overflow-auto">'), K = /* @__PURE__ */ x('<div class="flex items-center justify-center h-32 text-xs text-muted-foreground">This folder is empty'), L = /* @__PURE__ */ x('<button type=button style=animation-fill-mode:backwards><div class="flex items-center gap-2 flex-1 min-w-0 px-3 py-1.5"><span class="flex-shrink-0 w-4 h-4"></span><span class=truncate></span></div><div class="hidden sm:block w-32 px-3 py-1.5 text-muted-foreground truncate"></div><div class="hidden md:block w-24 px-3 py-1.5 text-right text-muted-foreground">');
+function X(i) {
+  const n = w(), d = (t) => {
+    const e = n.sortConfig();
+    n.setSortConfig({
+      field: t,
+      direction: e.field === t && e.direction === "asc" ? "desc" : "asc"
+    });
+  }, g = (t) => t === void 0 ? "-" : t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(1)} KB` : `${(t / (1024 * 1024)).toFixed(1)} MB`, h = (t) => t ? t.toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  }) : "-", u = (t) => {
+    const e = () => n.sortConfig(), r = () => e().field === t.field;
+    return (() => {
+      var o = A();
+      return c(o, s(M, {
+        get class() {
+          return f("w-3 h-3 transition-transform duration-150", r() && e().direction === "asc" && "rotate-180");
         }
-      }, a));
-    },
-    remove: (r) => {
-      if (n())
-        try {
-          t.removeItem(o(r));
-        } catch {
-        }
-    },
-    clearAll: () => {
-      var c;
-      if (!n()) return;
-      const r = ((c = t.keys) == null ? void 0 : c.call(t)) ?? [];
-      for (const a of r)
-        a.startsWith(i) && t.removeItem(a);
-    }
-  };
-}
-function p(e, t) {
-  if (!t) return e;
-  if (typeof e != "object" || e === null || Array.isArray(e)) return t ?? e;
-  const i = {
-    ...e
+      })), $(() => b(o, f("ml-1 transition-all duration-150", r() ? "opacity-100" : "opacity-0 group-hover:opacity-40"))), o;
+    })();
   };
-  for (const [o, n] of Object.entries(t)) {
-    if (n === void 0) continue;
-    const s = e[o];
-    typeof s == "object" && s !== null && typeof n == "object" && n !== null && !Array.isArray(n) ? i[o] = p(s, n) : i[o] = n;
-  }
-  return i;
-}
-const f = C();
-function x(e) {
-  const t = m(() => p(d, e.config)), i = m(() => y(t().storage)), o = m(() => ({
-    config: t(),
-    persist: i()
-  }));
-  return v(f.Provider, {
-    get value() {
-      return o();
-    },
-    get children() {
-      return e.children;
-    }
-  });
-}
-function S() {
-  const e = g(f);
-  if (!e)
-    throw new Error("FloeConfigContext not found. Make sure to wrap your app with FloeConfigProvider (or FloeProvider).");
-  return e;
+  return (() => {
+    var t = B(), e = t.firstChild, r = e.firstChild;
+    r.firstChild;
+    var o = r.nextSibling;
+    o.firstChild;
+    var a = o.nextSibling;
+    a.firstChild;
+    var m = e.nextSibling;
+    return r.$$click = () => d("name"), c(r, s(u, {
+      field: "name"
+    }), null), o.$$click = () => d("modifiedAt"), c(o, s(u, {
+      field: "modifiedAt"
+    }), null), a.$$click = () => d("size"), c(a, s(u, {
+      field: "size"
+    }), null), c(m, s(F, {
+      get when() {
+        return n.currentFiles().length > 0;
+      },
+      get fallback() {
+        return K();
+      },
+      get children() {
+        return s(I, {
+          get each() {
+            return n.currentFiles();
+          },
+          children: (v, l) => s(T, {
+            item: v,
+            formatSize: g,
+            formatDate: h,
+            get index() {
+              return l();
+            }
+          })
+        });
+      }
+    })), $(() => b(t, f("flex flex-col h-full min-h-0", i.class))), t;
+  })();
 }
-const F = y(d.storage), k = {
-  config: d,
-  persist: F
-};
-function T() {
-  return g(f) ?? k;
+function T(i) {
+  const n = w(), d = () => n.isSelected(i.item.id), g = (e) => {
+    i.item.type === "folder" ? n.navigateTo(i.item) : n.selectItem(i.item.id, e.metaKey || e.ctrlKey);
+  }, h = () => {
+    i.item.type === "folder" && n.navigateTo(i.item);
+  }, u = (e) => {
+    e.preventDefault(), e.stopPropagation(), d() || n.selectItem(i.item.id, !1);
+    const r = n.selectedItems(), o = n.currentFiles(), a = r.size > 0 ? o.filter((m) => r.has(m.id)) : [i.item];
+    n.showContextMenu({
+      x: e.clientX,
+      y: e.clientY,
+      items: a
+    });
+  }, t = () => i.item.type === "folder" ? z : D(i.item.extension);
+  return (() => {
+    var e = L(), r = e.firstChild, o = r.firstChild, a = o.nextSibling, m = r.nextSibling, v = m.nextSibling;
+    return e.$$contextmenu = u, e.$$dblclick = h, e.$$click = g, c(o, s(C, {
+      get component() {
+        return t();
+      },
+      class: "w-4 h-4"
+    })), c(a, () => i.item.name), c(m, () => i.formatDate(i.item.modifiedAt)), c(v, (() => {
+      var l = _(() => i.item.type === "folder");
+      return () => l() ? "-" : i.formatSize(i.item.size);
+    })()), $((l) => {
+      var y = f(
+        "group w-full flex items-center text-xs cursor-pointer",
+        "transition-all duration-100",
+        "hover:bg-accent/50",
+        "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring",
+        d() && "bg-accent text-accent-foreground",
+        // Staggered animation on mount
+        "animate-in fade-in slide-in-from-top-2"
+      ), p = `${Math.min(i.index * 20, 200)}ms`;
+      return y !== l.e && b(e, l.e = y), p !== l.t && k(e, "animation-delay", l.t = p), l;
+    }, {
+      e: void 0,
+      t: void 0
+    }), e;
+  })();
 }
+S(["click", "dblclick", "contextmenu"]);
 export {
-  d as DEFAULT_FLOE_CONFIG,
-  x as FloeConfigProvider,
-  S as useFloeConfig,
-  T as useResolvedFloeConfig
+  X as FileListView
 };

package/dist/index4.js

@@ -1,55 +1,69 @@
-import { delegateEvents as v, template as c, insert as n, effect as d, className as o, setStyleProperty as f, memo as u } from "solid-js/web";
+import { delegateEvents as b, template as c, insert as n, effect as d, className as s, setStyleProperty as u, memo as f } from "solid-js/web";
 import "solid-js";
-import { cn as s } from "./index53.js";
-var b = /* @__PURE__ */ c('<aside><div class="flex-1 overflow-auto overscroll-contain">'), x = /* @__PURE__ */ c("<section><div class=flex-1>"), m = /* @__PURE__ */ c('<div class="flex items-center justify-between px-2.5 py-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/60"><span>'), h = /* @__PURE__ */ c('<button type=button><span class="flex-1 truncate text-left">'), $ = /* @__PURE__ */ c('<span class="flex-shrink-0 w-4 h-4 opacity-60">');
-function y(e) {
+import { cn as o } from "./index62.js";
+var m = /* @__PURE__ */ c('<aside><div class="flex-1 overflow-auto overscroll-contain">'), v = /* @__PURE__ */ c("<div>"), x = /* @__PURE__ */ c("<section><div class=flex-1>"), h = /* @__PURE__ */ c('<div class="flex items-center justify-between px-2.5 py-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/60"><span>'), $ = /* @__PURE__ */ c('<button type=button><span class="flex-1 truncate text-left">'), g = /* @__PURE__ */ c('<span class="flex-shrink-0 w-4 h-4 opacity-60">');
+function S(e) {
   return (() => {
-    var i = b(), l = i.firstChild;
-    return n(l, () => e.children), n(i, () => e.resizer, null), d((t) => {
-      var r = s("relative h-full flex flex-col shrink-0 min-h-0", "bg-sidebar text-sidebar-foreground", "border-r border-sidebar-border", "overflow-hidden", e.class), a = `${e.width ?? 350}px`;
-      return r !== t.e && o(i, t.e = r), a !== t.t && f(i, "width", t.t = a), t;
+    var t = m(), l = t.firstChild;
+    return n(l, () => e.children), n(t, () => e.resizer, null), d((r) => {
+      var i = o("relative h-full flex flex-col shrink-0 min-h-0", "bg-sidebar text-sidebar-foreground", "border-r border-sidebar-border", "overflow-hidden", e.class), a = `${e.width ?? 350}px`;
+      return i !== r.e && s(t, r.e = i), a !== r.t && u(t, "width", r.t = a), r;
     }, {
       e: void 0,
       t: void 0
-    }), i;
+    }), t;
   })();
 }
 function k(e) {
   return (() => {
-    var i = x(), l = i.firstChild;
-    return n(i, (() => {
-      var t = u(() => !!e.title);
-      return () => t() && (() => {
-        var r = m(), a = r.firstChild;
-        return n(a, () => e.title), n(r, () => e.actions, null), r;
-      })();
-    })(), l), n(l, () => e.children), d(() => o(i, s("flex flex-col", e.class))), i;
+    var t = v();
+    return n(t, () => e.children), d(() => s(t, o("p-2.5 space-y-3", e.class))), t;
   })();
 }
 function C(e) {
   return (() => {
-    var i = h(), l = i.firstChild;
-    return i.$$click = () => {
-      var t;
-      return (t = e.onClick) == null ? void 0 : t.call(e);
-    }, n(i, (() => {
-      var t = u(() => !!e.icon);
-      return () => t() && (() => {
-        var r = $();
-        return n(r, () => e.icon), r;
+    var t = v();
+    return n(t, () => e.children), d(() => s(t, o("space-y-0.5", e.class))), t;
+  })();
+}
+function I(e) {
+  return (() => {
+    var t = x(), l = t.firstChild;
+    return n(t, (() => {
+      var r = f(() => !!e.title);
+      return () => r() && (() => {
+        var i = h(), a = i.firstChild;
+        return n(a, () => e.title), n(i, () => e.actions, null), i;
+      })();
+    })(), l), n(l, () => e.children), d(() => s(t, o("flex flex-col", e.class))), t;
+  })();
+}
+function j(e) {
+  return (() => {
+    var t = $(), l = t.firstChild;
+    return t.$$click = () => {
+      var r;
+      return (r = e.onClick) == null ? void 0 : r.call(e);
+    }, n(t, (() => {
+      var r = f(() => !!e.icon);
+      return () => r() && (() => {
+        var i = g();
+        return n(i, () => e.icon), i;
       })();
-    })(), l), n(l, () => e.children), d((t) => {
-      var r = s("w-full flex items-center gap-2 px-2.5 py-1.5 text-xs cursor-pointer", "transition-colors duration-75", "hover:bg-sidebar-accent/80 hover:text-sidebar-accent-foreground", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring", e.active && "bg-sidebar-accent text-sidebar-accent-foreground font-medium", e.class), a = e.indent ? `${10 + e.indent * 10}px` : void 0;
-      return r !== t.e && o(i, t.e = r), a !== t.t && f(i, "padding-left", t.t = a), t;
+    })(), l), n(l, () => e.children), d((r) => {
+      var i = o("w-full flex items-center gap-2 px-2.5 py-1.5 text-xs cursor-pointer", "transition-colors duration-75", "hover:bg-sidebar-accent/80 hover:text-sidebar-accent-foreground", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring", e.active && "bg-sidebar-accent text-sidebar-accent-foreground font-medium", e.class), a = e.indent ? `${10 + e.indent * 10}px` : void 0;
+      return i !== r.e && s(t, r.e = i), a !== r.t && u(t, "padding-left", r.t = a), r;
     }, {
       e: void 0,
       t: void 0
-    }), i;
+    }), t;
   })();
 }
-v(["click"]);
+b(["click"]);
 export {
-  y as Sidebar,
-  C as SidebarItem,
-  k as SidebarSection
+  S as Sidebar,
+  k as SidebarContent,
+  j as SidebarItem,
+  C as SidebarItemList,
+  I as SidebarSection
 };