@floegence/floe-webapp-core 0.15.4 → 0.15.5

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Floegence, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

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

@@ -2,7 +2,8 @@ import { type JSX } from 'solid-js';
 export interface DialogProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
-    title?: string;
+    /** Dialog title - can be a string or JSX element for custom headers */
+    title?: string | JSX.Element;
     description?: string;
     children: JSX.Element;
     footer?: JSX.Element;

package/dist/components/ui/picker/PickerBase.d.ts

@@ -17,8 +17,8 @@ export interface BasePickerProps {
     files: FileItem[];
     /** Initial directory path (default: '/') */
     initialPath?: string;
-    /** Dialog title */
-    title?: string;
+    /** Dialog title - can be a string or JSX element for custom headers */
+    title?: string | JSX.Element;
     /** Confirm button text */
     confirmText?: string;
     /** Cancel button text (default: 'Cancel') */

package/dist/index126.js

@@ -1,20 +1,126 @@
-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));
+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 "./index112.js";
+import { useFileBrowserDrag as R } from "./index104.js";
+import { FolderIcon as T, getFileIcon as O } from "./index55.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>');
+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 ?? {
+    x: 0,
+    y: 0
+  }, g = () => r()?.isValidDrop ?? !1, f = () => !!r()?.dropTarget, S = 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, {
+    get when() {
+      return E(() => !!k())() && c().length > 0;
+    },
+    get children() {
+      return n(D, {
+        get children() {
+          var t = z(), a = t.firstChild;
+          return o(a, n(P, {
+            get each() {
+              return S();
+            },
+            children: (e) => (() => {
+              var s = B(), i = s.firstChild, u = i.nextSibling;
+              return o(i, n(I, {
+                get component() {
+                  return C(e);
+                },
+                class: "w-4 h-4"
+              })), o(u, () => e.name), s;
+            })()
+          }), null), o(a, n(m, {
+            get when() {
+              return _() > 0;
+            },
+            get children() {
+              var e = V(), s = e.firstChild, i = s.nextSibling;
+              return i.nextSibling, o(e, _, i), e;
+            }
+          }), null), o(a, n(m, {
+            get when() {
+              return f();
+            },
+            get children() {
+              var e = $();
+              return o(e, n(m, {
+                get when() {
+                  return g();
+                },
+                get fallback() {
+                  return [n(Y, {
+                    class: "w-3.5 h-3.5"
+                  }), M()];
+                },
+                get children() {
+                  return [n(W, {
+                    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;
+            }
+          }), null), o(t, n(m, {
+            get when() {
+              return c().length > 1;
+            },
+            get children() {
+              var e = $();
+              return o(e, () => c().length), p(() => x(e, h(
+                "absolute -top-2 -right-2",
+                "min-w-[20px] h-5 px-1 rounded-full",
+                "bg-primary text-primary-foreground",
+                "flex items-center justify-center",
+                "text-[10px] font-semibold",
+                "shadow-lg shadow-primary/30",
+                // Subtle pulse on first render
+                "animate-in zoom-in-50 duration-200"
+              ))), e;
+            }
+          }), null), p((e) => {
+            var s = h(
+              "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(
+              "flex flex-col gap-1 p-2.5 rounded-lg",
+              "bg-popover/95 backdrop-blur-sm border border-border",
+              "shadow-xl shadow-black/10",
+              "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"
+            );
+            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;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0
+          }), t;
+        }
+      });
+    }
+  });
+}
+function W(d) {
+  return (() => {
+    var r = A();
+    return p(() => y(r, "class", d.class)), r;
+  })();
+}
+function Y(d) {
+  return (() => {
+    var r = U();
+    return p(() => y(r, "class", d.class)), r;
+  })();
 }
 export {
-  W as computeAutoMaxXAxisLabels
+  L as DragPreview
 };

package/dist/index127.js

@@ -1,126 +1,42 @@
-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 "./index112.js";
-import { useFileBrowserDrag as R } from "./index104.js";
-import { FolderIcon as T, getFileIcon as O } from "./index55.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>');
-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 ?? {
-    x: 0,
-    y: 0
-  }, g = () => r()?.isValidDrop ?? !1, f = () => !!r()?.dropTarget, S = 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, {
-    get when() {
-      return E(() => !!k())() && c().length > 0;
-    },
-    get children() {
-      return n(D, {
-        get children() {
-          var t = z(), a = t.firstChild;
-          return o(a, n(P, {
-            get each() {
-              return S();
-            },
-            children: (e) => (() => {
-              var s = B(), i = s.firstChild, u = i.nextSibling;
-              return o(i, n(I, {
-                get component() {
-                  return C(e);
-                },
-                class: "w-4 h-4"
-              })), o(u, () => e.name), s;
-            })()
-          }), null), o(a, n(m, {
-            get when() {
-              return _() > 0;
-            },
-            get children() {
-              var e = V(), s = e.firstChild, i = s.nextSibling;
-              return i.nextSibling, o(e, _, i), e;
-            }
-          }), null), o(a, n(m, {
-            get when() {
-              return f();
-            },
-            get children() {
-              var e = $();
-              return o(e, n(m, {
-                get when() {
-                  return g();
-                },
-                get fallback() {
-                  return [n(Y, {
-                    class: "w-3.5 h-3.5"
-                  }), M()];
-                },
-                get children() {
-                  return [n(W, {
-                    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;
-            }
-          }), null), o(t, n(m, {
-            get when() {
-              return c().length > 1;
-            },
-            get children() {
-              var e = $();
-              return o(e, () => c().length), p(() => x(e, h(
-                "absolute -top-2 -right-2",
-                "min-w-[20px] h-5 px-1 rounded-full",
-                "bg-primary text-primary-foreground",
-                "flex items-center justify-center",
-                "text-[10px] font-semibold",
-                "shadow-lg shadow-primary/30",
-                // Subtle pulse on first render
-                "animate-in zoom-in-50 duration-200"
-              ))), e;
-            }
-          }), null), p((e) => {
-            var s = h(
-              "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(
-              "flex flex-col gap-1 p-2.5 rounded-lg",
-              "bg-popover/95 backdrop-blur-sm border border-border",
-              "shadow-xl shadow-black/10",
-              "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"
-            );
-            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;
-          }, {
-            e: void 0,
-            t: void 0,
-            a: void 0
-          }), t;
-        }
-      });
+import { onCleanup as T } from "solid-js";
+function v(s, i, u) {
+  const d = u?.delayMs ?? 500, p = u?.moveTolerancePx ?? 10, m = u?.selectOnOpen ?? !0;
+  let n = null, l = null, c = !1;
+  const r = () => {
+    n !== null && typeof window < "u" && (window.clearTimeout(n), n = null), l = null;
+  }, a = () => {
+    c = !0;
+  }, w = (e, t) => {
+    if (!m) {
+      s.showContextMenu({ x: e, y: t, items: [i] }), a();
+      return;
     }
-  });
-}
-function W(d) {
-  return (() => {
-    var r = A();
-    return p(() => y(r, "class", d.class)), r;
-  })();
-}
-function Y(d) {
-  return (() => {
-    var r = U();
-    return p(() => y(r, "class", d.class)), r;
-  })();
+    const o = i.id;
+    s.isSelected(o) || s.selectItem(o, !1);
+    const f = s.getSelectedItemsList(), h = f.length > 0 ? f : [i];
+    s.showContextMenu({ x: e, y: t, items: h }), a();
+  }, y = (e) => {
+    if (c = !1, e.pointerType === "mouse" || typeof window > "u") return;
+    r(), l = { x: e.clientX, y: e.clientY };
+    const t = e.clientX, o = e.clientY;
+    n = window.setTimeout(() => {
+      n = null, w(t, o);
+    }, d);
+  }, C = (e) => {
+    if (n === null || !l) return;
+    const t = e.clientX - l.x, o = e.clientY - l.y;
+    Math.hypot(t, o) > p && (r(), a());
+  }, M = () => r(), P = () => r(), x = (e) => c ? (c = !1, e.preventDefault(), e.stopPropagation(), !0) : !1;
+  return T(() => {
+    r();
+  }), {
+    onPointerDown: y,
+    onPointerMove: C,
+    onPointerUp: M,
+    onPointerCancel: P,
+    consumeClickSuppression: x
+  };
 }
 export {
-  L as DragPreview
+  v as createLongPressContextMenuHandlers
 };

package/dist/index128.js

@@ -1,42 +1,34 @@
-import { onCleanup as T } from "solid-js";
-function v(s, i, u) {
-  const d = u?.delayMs ?? 500, p = u?.moveTolerancePx ?? 10, m = u?.selectOnOpen ?? !0;
-  let n = null, l = null, c = !1;
-  const r = () => {
-    n !== null && typeof window < "u" && (window.clearTimeout(n), n = null), l = null;
-  }, a = () => {
-    c = !0;
-  }, w = (e, t) => {
-    if (!m) {
-      s.showContextMenu({ x: e, y: t, items: [i] }), a();
-      return;
+import { createSignal as f, createMemo as i, onCleanup as F } from "solid-js";
+function x(e) {
+  const a = e.overscan ?? 8;
+  let t = null, o = null, r = null;
+  const [m, d] = f(0), [z, S] = f(0), c = () => {
+    t && (d(t.scrollTop), S(t.clientHeight));
+  }, p = () => {
+    if (t && r === null) {
+      if (typeof requestAnimationFrame > "u") {
+        c();
+        return;
+      }
+      r = requestAnimationFrame(() => {
+        r = null, c();
+      });
     }
-    const o = i.id;
-    s.isSelected(o) || s.selectItem(o, !1);
-    const f = s.getSelectedItemsList(), h = f.length > 0 ? f : [i];
-    s.showContextMenu({ x: e, y: t, items: h }), a();
-  }, y = (e) => {
-    if (c = !1, e.pointerType === "mouse" || typeof window > "u") return;
-    r(), l = { x: e.clientX, y: e.clientY };
-    const t = e.clientX, o = e.clientY;
-    n = window.setTimeout(() => {
-      n = null, w(t, o);
-    }, d);
-  }, C = (e) => {
-    if (n === null || !l) return;
-    const t = e.clientX - l.x, o = e.clientY - l.y;
-    Math.hypot(t, o) > p && (r(), a());
-  }, M = () => r(), P = () => r(), x = (e) => c ? (c = !1, e.preventDefault(), e.stopPropagation(), !0) : !1;
-  return T(() => {
-    r();
-  }), {
-    onPointerDown: y,
-    onPointerMove: C,
-    onPointerUp: M,
-    onPointerCancel: P,
-    consumeClickSuppression: x
+  }, l = i(() => {
+    const n = e.count(), s = e.itemSize(), u = m(), w = z();
+    if (n <= 0 || s <= 0) return { start: 0, end: 0 };
+    const b = Math.max(0, Math.floor(u / s) - a), A = Math.min(n, Math.ceil((u + w) / s) + a);
+    return { start: b, end: A };
+  }), v = i(() => l().start * e.itemSize()), h = i(() => {
+    const n = e.count();
+    return Math.max(0, n - l().end) * e.itemSize();
+  }), M = i(() => e.count() * e.itemSize()), g = (n) => {
+    t !== n && (o?.disconnect(), o = null, t = n, !(!t || typeof ResizeObserver > "u") && (o = new ResizeObserver(() => c()), o.observe(t), c()));
   };
+  return F(() => {
+    o?.disconnect(), r !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(r), r = null);
+  }), { scrollRef: g, onScroll: p, range: l, paddingTop: v, paddingBottom: h, totalSize: M };
 }
 export {
-  v as createLongPressContextMenuHandlers
+  x as useVirtualWindow
 };

package/dist/index129.js

@@ -1,34 +1,20 @@
-import { createSignal as f, createMemo as i, onCleanup as F } from "solid-js";
-function x(e) {
-  const a = e.overscan ?? 8;
-  let t = null, o = null, r = null;
-  const [m, d] = f(0), [z, S] = f(0), c = () => {
-    t && (d(t.scrollTop), S(t.clientHeight));
-  }, p = () => {
-    if (t && r === null) {
-      if (typeof requestAnimationFrame > "u") {
-        c();
-        return;
-      }
-      r = requestAnimationFrame(() => {
-        r = null, c();
-      });
-    }
-  }, l = i(() => {
-    const n = e.count(), s = e.itemSize(), u = m(), w = z();
-    if (n <= 0 || s <= 0) return { start: 0, end: 0 };
-    const b = Math.max(0, Math.floor(u / s) - a), A = Math.min(n, Math.ceil((u + w) / s) + a);
-    return { start: b, end: A };
-  }), v = i(() => l().start * e.itemSize()), h = i(() => {
-    const n = e.count();
-    return Math.max(0, n - l().end) * e.itemSize();
-  }), M = i(() => e.count() * e.itemSize()), g = (n) => {
-    t !== n && (o?.disconnect(), o = null, t = n, !(!t || typeof ResizeObserver > "u") && (o = new ResizeObserver(() => c()), o.observe(t), c()));
-  };
-  return F(() => {
-    o?.disconnect(), r !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(r), r = null);
-  }), { scrollRef: g, onScroll: p, range: l, paddingTop: v, paddingBottom: h, totalSize: M };
+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 {
-  x as useVirtualWindow
+  W as computeAutoMaxXAxisLabels
 };

package/dist/index36.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 "./index112.js";
 import { useResizeObserver as ne } from "./index107.js";
-import { computeAutoMaxXAxisLabels as re } from "./index126.js";
+import { computeAutoMaxXAxisLabels as re } from "./index129.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)",

package/dist/index47.js

@@ -10,7 +10,7 @@ import { FileListView as ee } from "./index50.js";
 import { FileGridView as te } from "./index51.js";
 import { FileBrowserToolbar as re } from "./index54.js";
 import { FileContextMenu as ie } from "./index52.js";
-import { DragPreview as ne } from "./index127.js";
+import { DragPreview as ne } from "./index126.js";
 var le = /* @__PURE__ */ m('<div class="border-b border-border">'), oe = /* @__PURE__ */ m('<button type=button class="flex items-center justify-center w-5 h-5 rounded cursor-pointer hover:bg-sidebar-accent/80 transition-colors"aria-label="Close sidebar"><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 class="w-3.5 h-3.5"><path d="M18 6 6 18"></path><path d="m6 6 12 12">'), ae = /* @__PURE__ */ m('<div class="absolute inset-0 bg-background/60 backdrop-blur-sm z-[9]">'), se = /* @__PURE__ */ m('<div><div class="flex flex-1 min-h-0 relative"><aside><div class="h-full flex flex-col"><div class="flex items-center justify-between px-3 py-2 border-b border-sidebar-border"><span class="text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/60">Explorer</span></div><div class="flex-1 min-h-0 overflow-auto py-1"></div></div></aside><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 Se(e) {
   return n(U, {

package/dist/index49.js

@@ -5,7 +5,7 @@ import { useFileBrowser as _ } from "./index48.js";
 import { useFileBrowserDrag as W } from "./index104.js";
 import { FolderOpenIcon as Z, FolderIcon as ee } from "./index55.js";
 import { ChevronRight as te } from "./index41.js";
-import { createLongPressContextMenuHandlers as ne } from "./index128.js";
+import { createLongPressContextMenuHandlers as ne } from "./index127.js";
 var E = /* @__PURE__ */ x("<div>"), re = /* @__PURE__ */ x("<button type=button>"), ie = /* @__PURE__ */ x('<span class="ml-auto mr-2 text-[10px] text-muted-foreground/60 opacity-0 group-hover:opacity-100 transition-opacity">'), ae = /* @__PURE__ */ x('<div class="flex flex-col"><div><button type=button><span class="flex-shrink-0 w-4 h-4"></span><span class=truncate>'), oe = /* @__PURE__ */ x('<span class="flex-shrink-0 w-3.5 h-3.5">');
 function ve(e) {
   const s = _(), i = W(), y = () => (e.enableDragDrop ?? !0) && !!i, D = () => e.instanceId ?? "default", g = w(() => s.files().filter((r) => r.type === "folder"));

package/dist/index50.js

@@ -3,12 +3,12 @@ import { createMemo as tt, createSignal as at, Show as W, For as st, untrack as
 import { cn as H } from "./index112.js";
 import { useMediaQuery as it } from "./index105.js";
 import { useResizeObserver as ht } from "./index107.js";
-import { useVirtualWindow as gt } from "./index129.js";
+import { useVirtualWindow as gt } from "./index128.js";
 import { useFileBrowser as lt } from "./index48.js";
 import { useFileBrowserDrag as xt } from "./index104.js";
 import { FolderIcon as vt, getFileIcon as wt } from "./index55.js";
 import { ChevronDown as $t } from "./index41.js";
-import { createLongPressContextMenuHandlers as bt } from "./index128.js";
+import { createLongPressContextMenuHandlers as bt } from "./index127.js";
 import { ResizeHandle as nt } from "./index8.js";
 var Ct = /* @__PURE__ */ _("<span class=truncate>"), Dt = /* @__PURE__ */ _('<mark class="bg-warning/40 text-inherit rounded-sm">'), St = /* @__PURE__ */ _("<span>"), Mt = /* @__PURE__ */ _('<div><button type=button class="group w-full flex items-center justify-start text-left px-3 py-2 cursor-pointer hover:bg-muted/50 transition-colors">Modified'), zt = /* @__PURE__ */ _('<div class=shrink-0><button type=button class="group w-full flex items-center justify-start text-left px-3 py-2 cursor-pointer hover:bg-muted/50 transition-colors">Size'), _t = /* @__PURE__ */ _("<div>"), yt = /* @__PURE__ */ _('<div><div class="flex items-center border-b border-border text-[11px] text-muted-foreground font-medium"><div><button type=button class="group w-full flex items-center min-w-0 px-3 py-2 cursor-pointer hover:bg-muted/50 transition-colors"><span class="flex items-center gap-2 min-w-0"><span class="flex-shrink-0 w-4 h-4"aria-hidden=true></span><span class="flex items-center min-w-0"><span class=truncate>Name</span></span></span></button></div></div><div class="flex-1 min-h-0 overflow-auto">'), It = /* @__PURE__ */ _('<span>No files matching "<!>"'), Pt = /* @__PURE__ */ _('<button type=button class="px-2 py-1 rounded bg-muted hover:bg-muted/80 transition-colors">Clear Filter'), kt = /* @__PURE__ */ _('<div class="flex flex-col items-center justify-center h-32 gap-2 text-xs text-muted-foreground">'), pt = /* @__PURE__ */ _("<span>This folder is empty"), rt = /* @__PURE__ */ _('<div class="shrink-0 px-3 py-1.5 text-left text-muted-foreground truncate">'), Lt = /* @__PURE__ */ _('<button type=button><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">');
 function Tt(t) {

package/dist/index51.js

@@ -2,11 +2,11 @@ import { delegateEvents as se, addEventListener as de, use as ge, insert as I, c
 import { createMemo as z, Show as E, For as W, untrack as he, createSignal as ve } from "solid-js";
 import { cn as T } from "./index112.js";
 import { useMediaQuery as M } from "./index105.js";
-import { useVirtualWindow as xe } from "./index129.js";
+import { useVirtualWindow as xe } from "./index128.js";
 import { useFileBrowser as J } from "./index48.js";
 import { useFileBrowserDrag as be } from "./index104.js";
 import { FolderIcon as De, getFileIcon as Ie } from "./index55.js";
-import { createLongPressContextMenuHandlers as we } from "./index128.js";
+import { createLongPressContextMenuHandlers as we } from "./index127.js";
 var ye = /* @__PURE__ */ x('<mark class="bg-warning/40 text-inherit rounded-sm">'), Ce = /* @__PURE__ */ x('<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-2">'), Pe = /* @__PURE__ */ x("<div><div class=p-3>"), Se = /* @__PURE__ */ x('<span>No files matching "<!>"'), $e = /* @__PURE__ */ x('<button type=button class="px-2 py-1 rounded bg-muted hover:bg-muted/80 transition-colors">Clear Filter'), _e = /* @__PURE__ */ x('<div class="flex flex-col items-center justify-center h-32 gap-2 text-xs text-muted-foreground">'), Te = /* @__PURE__ */ x("<span>This folder is empty"), Le = /* @__PURE__ */ x('<div class="absolute top-1.5 right-1.5 w-4 h-4 rounded-full bg-primary flex items-center justify-center"><svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=3 stroke-linecap=round stroke-linejoin=round class="w-2.5 h-2.5 text-primary-foreground"><polyline points="20 6 9 17 4 12">'), ke = /* @__PURE__ */ x("<button type=button><div></div><span></span><div>");
 function Fe(e) {
   const n = z(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.15.4",
+  "version": "0.15.5",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -16,14 +16,6 @@
   "files": [
     "dist"
   ],
-  "scripts": {
-    "dev": "node ./scripts/dev.mjs",
-    "build": "pnpm clean && vite build && tsc -p tsconfig.build.json && pnpm build:styles && pnpm build:assets",
-    "build:assets": "node ./scripts/copy-style-assets.mjs",
-    "build:styles": "vite build -c vite.styles.config.ts",
-    "typecheck": "tsc --noEmit",
-    "clean": "rm -rf dist *.tsbuildinfo"
-  },
   "peerDependencies": {
     "solid-js": "^1.8.0"
   },
@@ -42,5 +34,13 @@
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
     "vite-plugin-solid": "^2.11.10"
+  },
+  "scripts": {
+    "dev": "node ./scripts/dev.mjs",
+    "build": "pnpm clean && vite build && tsc -p tsconfig.build.json && pnpm build:styles && pnpm build:assets",
+    "build:assets": "node ./scripts/copy-style-assets.mjs",
+    "build:styles": "vite build -c vite.styles.config.ts",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist *.tsbuildinfo"
   }
-}
+}