@floegence/floe-webapp-core 0.1.13 → 0.1.14

package/dist/index11.js

@@ -1,16 +1,19 @@
-import { template as y, insert as a, createComponent as d, Dynamic as z, effect as f, className as v, style as R, setAttribute as W } from "solid-js/web";
-import { createMemo as o, Show as k } from "solid-js";
-import { cn as w } from "./index63.js";
-import { useDeck as C } from "./index56.js";
-import { useWidgetRegistry as $ } from "./index55.js";
-import { positionToGridArea as M } from "./index70.js";
-import { WidgetFrame as A } from "./index12.js";
-var h = /* @__PURE__ */ y("<div>"), _ = /* @__PURE__ */ y('<div class="h-full flex items-center justify-center text-muted-foreground text-xs"><span>Widget: ');
-function N(e) {
-  const n = C(), g = $(), i = () => n.editMode(), s = () => e.widget.type, l = o(() => g.getWidget(s())), D = o(() => M(e.position)), c = () => {
-    const r = l();
+import { template as y, insert as o, createComponent as g, Dynamic as C, effect as f, className as w, style as z, setAttribute as R } from "solid-js/web";
+import { createMemo as a, Show as k } from "solid-js";
+import { cn as v } from "./index64.js";
+import { useDeck as $ } from "./index56.js";
+import { useWidgetRegistry as M } from "./index55.js";
+import { WidgetStateProvider as A } from "./index57.js";
+import { positionToGridArea as _ } from "./index71.js";
+import { WidgetFrame as I } from "./index12.js";
+var h = /* @__PURE__ */ y("<div>"), O = /* @__PURE__ */ y('<div class="h-full flex items-center justify-center text-muted-foreground text-xs"><span>Widget: ');
+function H(e) {
+  const i = $(), d = M(), n = () => i.editMode(), s = () => e.widget.type, c = a(() => d.getWidget(s())), D = a(() => _(e.position)), x = () => i.getWidgetState(e.widget.id), b = (r, t) => {
+    i.updateWidgetState(e.widget.id, r, t);
+  }, l = () => {
+    const r = c();
     return r == null ? void 0 : r.component;
-  }, x = o(() => {
+  }, W = a(() => {
     if (!e.isDragging || !e.pixelOffset) return {};
     const {
       x: r,
@@ -22,12 +25,12 @@ function N(e) {
   });
   return (() => {
     var r = h();
-    return a(r, d(A, {
+    return o(r, g(I, {
       get widget() {
         return e.widget;
       },
       get widgetDef() {
-        return l();
+        return c();
       },
       get isDragging() {
         return e.isDragging;
@@ -37,52 +40,61 @@ function N(e) {
       },
       get children() {
         var t = h();
-        return a(t, d(k, {
+        return o(t, g(k, {
           get when() {
-            return c();
+            return l();
           },
           get fallback() {
-            return d(O, {
+            return g(P, {
               get type() {
                 return s();
               }
             });
           },
           get children() {
-            return d(z, {
-              get component() {
-                return c();
-              },
+            return g(A, {
               get widgetId() {
                 return e.widget.id;
               },
-              get config() {
-                return e.widget.config;
-              },
-              get isEditMode() {
-                return i();
+              state: x,
+              onStateChange: b,
+              get children() {
+                return g(C, {
+                  get component() {
+                    return l();
+                  },
+                  get widgetId() {
+                    return e.widget.id;
+                  },
+                  get config() {
+                    return e.widget.config;
+                  },
+                  get isEditMode() {
+                    return n();
+                  }
+                });
               }
             });
           }
-        })), f(() => v(t, w("h-full", i() && "pointer-events-none"))), t;
+        })), f(() => w(t, v("h-full", n() && "pointer-events-none"))), t;
       }
     })), f((t) => {
-      var u = w(
+      var u = v(
         "deck-cell relative rounded-md overflow-hidden",
         "bg-card border border-border",
         // Smooth transition when not dragging (for snap-back animation)
         !e.isDragging && "transition-transform duration-200 ease-out",
         e.isDragging && "shadow-xl z-50 ring-2 ring-primary scale-[1.02]",
         e.isResizing && "shadow-lg z-50 ring-2 ring-primary",
-        i() && !e.isDragging && !e.isResizing && "hover:ring-1 hover:ring-primary/50",
+        n() && !e.isDragging && !e.isResizing && "hover:ring-1 hover:ring-primary/50",
         // Edit mode: disable selection and show grab cursor
-        i() && "select-none cursor-grab",
+        n() && "select-none cursor-grab",
         e.isDragging && "cursor-grabbing"
-      ), b = {
+      ), S = {
         "grid-area": D(),
-        ...x()
-      }, m = i() ? e.widget.id : void 0;
-      return u !== t.e && v(r, t.e = u), t.t = R(r, b, t.t), m !== t.a && W(r, "data-widget-drag-handle", t.a = m), t;
+        ...W()
+      }, m = n() ? e.widget.id : void 0;
+      return u !== t.e && w(r, t.e = u), t.t = z(r, S, t.t), m !== t.a && R(r, "data-widget-drag-handle", t.a = m), t;
     }, {
       e: void 0,
       t: void 0,
@@ -90,12 +102,12 @@ function N(e) {
     }), r;
   })();
 }
-function O(e) {
+function P(e) {
   return (() => {
-    var n = _(), g = n.firstChild;
-    return g.firstChild, a(g, () => e.type, null), n;
+    var i = O(), d = i.firstChild;
+    return d.firstChild, o(d, () => e.type, null), i;
   })();
 }
 export {
-  N as DeckCell
+  H as DeckCell
 };

package/dist/index12.js

@@ -1,6 +1,6 @@
 import { delegateEvents as h, template as c, insert as i, createComponent as e, effect as v, className as x } from "solid-js/web";
 import { Show as l } from "solid-js";
-import { cn as $ } from "./index63.js";
+import { cn as $ } from "./index64.js";
 import { useDeck as _ } from "./index56.js";
 import { GripVertical as b, X as k } from "./index31.js";
 import { WidgetResizeHandle as d } from "./index13.js";

package/dist/index13.js

@@ -1,10 +1,10 @@
 import { delegateEvents as Y, template as X, effect as L, className as M, use as q } from "solid-js/web";
 import { createSignal as H, onCleanup as N } from "solid-js";
-import { cn as O } from "./index63.js";
+import { cn as O } from "./index64.js";
 import { useDeck as T } from "./index56.js";
-import { applyResizeDelta as U } from "./index70.js";
+import { applyResizeDelta as U } from "./index71.js";
 import { DECK_GRID_CONFIG as k } from "./index10.js";
-import { lockBodyStyle as x } from "./index67.js";
+import { lockBodyStyle as x } from "./index68.js";
 var K = /* @__PURE__ */ X("<div style=touch-action:none>");
 const j = {
   n: "top-0 left-2 right-2 h-2 cursor-ns-resize",

package/dist/index14.js

@@ -1,11 +1,11 @@
 import { delegateEvents as O, createComponent as e, template as l, insert as r, effect as P, className as j } from "solid-js/web";
 import { createSignal as k, Show as n, For as y } from "solid-js";
-import { cn as f } from "./index63.js";
+import { cn as f } from "./index64.js";
 import { useDeck as D } from "./index56.js";
 import { useWidgetRegistry as F } from "./index55.js";
 import { Plus as T, X, ChevronRight as q } from "./index31.js";
 import { Button as G } from "./index19.js";
-import { deferNonBlocking as H } from "./index64.js";
+import { deferNonBlocking as H } from "./index65.js";
 var J = /* @__PURE__ */ l('<div class="text-center text-muted-foreground text-sm py-8">No widgets registered'), K = /* @__PURE__ */ l('<div><div class="flex items-center justify-between p-3 border-b border-border"><h2 class="text-sm font-semibold">Add Widget</h2><button class="p-1 rounded hover:bg-muted transition-colors cursor-pointer"></button></div><div class="p-2 overflow-y-auto h-[calc(100%-48px)]">'), L = /* @__PURE__ */ l('<div class="fixed inset-0 bg-black/20 z-40">'), Q = /* @__PURE__ */ l('<div class="ml-4 mt-1 space-y-1">'), U = /* @__PURE__ */ l('<div class=mb-2><button class="w-full flex items-center gap-2 p-2 rounded hover:bg-muted transition-colors text-left cursor-pointer"><span class="text-sm font-medium"></span><span class="ml-auto text-xs text-muted-foreground">'), V = /* @__PURE__ */ l('<button class="w-full flex items-center gap-2 p-2 rounded hover:bg-muted transition-colors text-left cursor-pointer"><span class=text-sm>'), Y = /* @__PURE__ */ l('<div class="w-4 h-4">');
 function ie(C) {
   const p = D(), b = F(), [d, s] = k(!1), [W, z] = k(null), S = [{

package/dist/index15.js

@@ -1,9 +1,9 @@
 import { delegateEvents as E, createComponent as o, template as s, insert as l, effect as v, className as x, Portal as R, setStyleProperty as w, use as T } from "solid-js/web";
 import { createSignal as y, createEffect as W, onCleanup as I, Show as p, For as L } from "solid-js";
-import { cn as m } from "./index63.js";
+import { cn as m } from "./index64.js";
 import { useDeck as N } from "./index56.js";
 import { useWidgetRegistry as z } from "./index55.js";
-import { deferNonBlocking as A } from "./index64.js";
+import { deferNonBlocking as A } from "./index65.js";
 import { ArrowRightLeft as B, ChevronDown as M } from "./index31.js";
 var O = /* @__PURE__ */ s('<button title="Switch widget type">'), F = /* @__PURE__ */ s('<div class="fixed inset-0 z-[9998]">'), K = /* @__PURE__ */ s('<div class="px-2 py-3 text-xs text-muted-foreground text-center">No other widget types available'), j = /* @__PURE__ */ s('<div><div class=p-1><div class="px-2 py-1.5 text-xs text-muted-foreground font-medium">Switch to'), q = /* @__PURE__ */ s('<button class="w-full flex items-center gap-2 px-2 py-1.5 rounded hover:bg-muted transition-colors text-left cursor-pointer"><span class=text-xs>'), G = /* @__PURE__ */ s('<div class="w-4 h-4">');
 function Z(f) {

package/dist/index16.js

@@ -1,8 +1,8 @@
 import { delegateEvents as j, template as s, insert as o, createComponent as a, memo as q, effect as w, className as C } from "solid-js/web";
 import { createSignal as R, Show as v, For as G } from "solid-js";
-import { cn as b } from "./index63.js";
+import { cn as b } from "./index64.js";
 import { useDeck as H } from "./index56.js";
-import { deferNonBlocking as g } from "./index64.js";
+import { deferNonBlocking as g } from "./index65.js";
 import { ChevronDown as J, Check as K, Copy as M, Pencil as Q, Trash as U } from "./index31.js";
 var W = /* @__PURE__ */ s('<div class="absolute top-full left-0 mt-1 w-64 bg-popover border border-border rounded-md shadow-lg z-50 overflow-hidden"><div class="max-h-64 overflow-y-auto py-1"></div><div class="border-t border-border px-2 py-1.5"><button class="w-full text-left text-xs text-primary hover:underline cursor-pointer">+ New Layout'), X = /* @__PURE__ */ s('<div class="fixed inset-0 z-40">'), Y = /* @__PURE__ */ s('<div><button><span class="truncate max-w-[120px]">'), Z = /* @__PURE__ */ s('<span class="flex-1 text-xs truncate">'), ee = /* @__PURE__ */ s('<button class="p-1 rounded hover:bg-background transition-colors cursor-pointer"title=Rename>'), te = /* @__PURE__ */ s('<button class="p-1 rounded hover:bg-destructive/10 transition-colors cursor-pointer"title=Delete>'), re = /* @__PURE__ */ s('<div class="flex items-center gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity"><button class="p-1 rounded hover:bg-background transition-colors cursor-pointer"title=Duplicate>'), ne = /* @__PURE__ */ s('<div><div class="w-4 h-4 flex-shrink-0">'), oe = /* @__PURE__ */ s('<input type=text class="flex-1 text-xs bg-background border border-border rounded px-1.5 py-0.5"autofocus>'), le = /* @__PURE__ */ s('<span class="ml-1 text-[10px] text-muted-foreground">(preset)');
 function pe(N) {

package/dist/index17.js

@@ -1,10 +1,10 @@
 import { delegateEvents as S, template as d, insert as i, createComponent as t, Portal as B, effect as b, className as y, setStyleProperty as k } from "solid-js/web";
 import { createSignal as $, createEffect as L, onCleanup as R, Show as a, For as A } from "solid-js";
-import { cn as h } from "./index63.js";
+import { cn as h } from "./index64.js";
 import { useDeck as N } from "./index56.js";
 import { useLayout as T } from "./index51.js";
 import { useWidgetRegistry as F } from "./index55.js";
-import { deferNonBlocking as I } from "./index64.js";
+import { deferNonBlocking as I } from "./index65.js";
 import { LayoutSelector as K } from "./index16.js";
 import { Plus as j, ChevronDown as q, Check as G, Pencil as H } from "./index31.js";
 import { Button as C } from "./index19.js";

package/dist/index18.js

@@ -1,6 +1,6 @@
 import { template as v, effect as b, className as i, setStyleProperty as m } from "solid-js/web";
-import { cn as n } from "./index63.js";
-import { positionToGridArea as f } from "./index70.js";
+import { cn as n } from "./index64.js";
+import { positionToGridArea as f } from "./index71.js";
 var g = /* @__PURE__ */ v("<div><div>");
 function _(a) {
   const s = () => f(a.position);

package/dist/index19.js

@@ -1,6 +1,6 @@
 import { template as c, spread as d, mergeProps as l, insert as n, createComponent as t, memo as u, Dynamic as m } from "solid-js/web";
 import { splitProps as g, Show as p } from "solid-js";
-import { cn as s } from "./index63.js";
+import { cn as s } from "./index64.js";
 import { Loader2 as h } from "./index31.js";
 var b = /* @__PURE__ */ c("<button type=button>");
 const f = {

package/dist/index2.js

@@ -2,8 +2,8 @@ import { delegateEvents as z, template as f, insert as a, createComponent as n,
 import { createSignal as F, createEffect as h, createMemo as $, For as x, Show as b } from "solid-js";
 import { useLayout as R } from "./index51.js";
 import { useResolvedFloeConfig as H } from "./index49.js";
-import { useMediaQuery as P } from "./index57.js";
-import { cn as A } from "./index63.js";
+import { useMediaQuery as P } from "./index58.js";
+import { cn as A } from "./index64.js";
 import { useComponentRegistry as W } from "./index54.js";
 import { Sidebar as E } from "./index4.js";
 import { TopBar as Q } from "./index5.js";
@@ -11,7 +11,7 @@ import { BottomBar as D } from "./index6.js";
 import { MobileTabBar as L } from "./index7.js";
 import { ActivityBar as N } from "./index3.js";
 import { ResizeHandle as _ } from "./index8.js";
-import { resolveMobileTabActiveId as j, resolveMobileTabSelect as q } from "./index77.js";
+import { resolveMobileTabActiveId as j, resolveMobileTabSelect as q } from "./index78.js";
 var y = /* @__PURE__ */ f('<div class="flex items-center gap-2">'), G = /* @__PURE__ */ f('<div class="absolute inset-0 z-40 bg-black/30 cursor-pointer">'), J = /* @__PURE__ */ f('<div><div class="h-full overflow-auto overscroll-contain">'), K = /* @__PURE__ */ f('<div class="relative shrink-0 border-t border-border bg-terminal-background overflow-hidden">'), U = /* @__PURE__ */ f('<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 de(l) {
   const r = R(), M = H(), d = P(M.config.layout.mobileQuery), [p, g] = F(!1), s = (() => {

package/dist/index20.js

@@ -1,6 +1,6 @@
 import { template as n, insert as o, createComponent as s, spread as c, mergeProps as d } from "solid-js/web";
 import { splitProps as g, Show as i } from "solid-js";
-import { cn as p } from "./index63.js";
+import { cn as p } from "./index64.js";
 var m = /* @__PURE__ */ n('<div class="absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none">'), h = /* @__PURE__ */ n('<div class="absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none">'), f = /* @__PURE__ */ n('<p class="mt-1 text-[11px] text-error">'), x = /* @__PURE__ */ n("<div class=relative><input>"), b = /* @__PURE__ */ n("<div><textarea>");
 const v = {
   sm: "h-7 text-xs px-2",

package/dist/index21.js

@@ -1,9 +1,9 @@
 import { delegateEvents as E, createComponent as o, Portal as _, template as c, insert as l, effect as b, setAttribute as v, className as D, use as T } from "solid-js/web";
 import { createUniqueId as O, createEffect as $, onCleanup as x, Show as s } from "solid-js";
-import { cn as L } from "./index63.js";
+import { cn as L } from "./index64.js";
 import { Button as y } from "./index19.js";
 import { X as z } from "./index31.js";
-import { lockBodyStyle as F } from "./index67.js";
+import { lockBodyStyle as F } from "./index68.js";
 import { useResolvedFloeConfig as I } from "./index49.js";
 var j = /* @__PURE__ */ c('<div class="fixed inset-0 z-50 bg-background/80 backdrop-blur-sm animate-in fade-in cursor-pointer">'), H = /* @__PURE__ */ c('<h2 class="text-sm font-semibold">'), M = /* @__PURE__ */ c('<p class="mt-0.5 text-xs text-muted-foreground">'), S = /* @__PURE__ */ c('<div class="flex items-start justify-between p-3 border-b border-border"><div>'), q = /* @__PURE__ */ c('<div class="flex items-center justify-end gap-2 p-3 border-t border-border">'), A = /* @__PURE__ */ c('<div role=dialog aria-modal=true tabindex=-1><div class="flex-1 overflow-auto p-3">'), B = /* @__PURE__ */ c("<div>");
 function k(e) {

package/dist/index22.js

@@ -1,9 +1,9 @@
 import { delegateEvents as Me, createComponent as l, Portal as Se, template as O, insert as b, effect as u, setAttribute as ae, addEventListener as z, className as w, memo as Ie, setStyleProperty as D, use as $e } from "solid-js/web";
 import { createUniqueId as Pe, createSignal as I, onMount as Ce, onCleanup as de, createEffect as he, Show as P } from "solid-js";
-import { cn as j } from "./index63.js";
+import { cn as j } from "./index64.js";
 import { Button as ce } from "./index19.js";
 import { Restore as Ee, Maximize as We, X as _e } from "./index31.js";
-import { lockBodyStyle as He } from "./index67.js";
+import { lockBodyStyle as He } from "./index68.js";
 var Xe = /* @__PURE__ */ O('<h2 class="text-sm font-medium truncate select-none">'), De = /* @__PURE__ */ O('<div class="flex items-center justify-end gap-2 p-3 border-t border-border">'), y = /* @__PURE__ */ O("<div style=touch-action:none>"), Le = /* @__PURE__ */ O('<div role=dialog aria-modal=true><div style=touch-action:none><div class="flex-1 min-w-0"></div><div class="flex items-center gap-0.5 -mr-1"></div></div><div class="flex-1 overflow-auto p-3">');
 function Te(i) {
   const G = () => i.resizable ?? !0, K = () => i.draggable ?? !0, L = () => i.minSize ?? {

package/dist/index23.js

@@ -1,7 +1,7 @@
 import { delegateEvents as k, template as f, insert as s, createComponent as d, effect as b, className as g, use as x } from "solid-js/web";
 import { createSignal as _, createEffect as p, onCleanup as C, Show as h, For as S } from "solid-js";
-import { cn as v } from "./index63.js";
-import { deferNonBlocking as E } from "./index64.js";
+import { cn as v } from "./index64.js";
+import { deferNonBlocking as E } from "./index65.js";
 import { ChevronDown as L, Check as j } from "./index31.js";
 var D = /* @__PURE__ */ f("<div role=menu>"), O = /* @__PURE__ */ f("<div><div class=cursor-pointer>"), N = /* @__PURE__ */ f('<div class="my-1 h-px bg-border"role=separator>'), R = /* @__PURE__ */ f('<button type=button role=menuitem><span class="w-3.5 h-3.5 flex items-center justify-center"></span><span class="flex-1 text-left">'), z = /* @__PURE__ */ f('<span class="w-3.5 h-3.5 flex items-center justify-center">'), B = /* @__PURE__ */ f("<button type=button><span>");
 function F(e) {

package/dist/index24.js

@@ -1,6 +1,6 @@
 import { delegateEvents as x, template as c, insert as a, createComponent as y, effect as g, className as p } from "solid-js/web";
 import { createSignal as w, Show as $ } from "solid-js";
-import { cn as m } from "./index63.js";
+import { cn as m } from "./index64.js";
 var S = /* @__PURE__ */ c("<div role=tooltip><div>"), T = /* @__PURE__ */ c('<div class="relative inline-block">');
 function C(e) {
   const [b, n] = w(!1);

package/dist/index25.js

@@ -1,9 +1,9 @@
 import { delegateEvents as M, createComponent as i, Portal as O, template as c, insert as l, use as L, Dynamic as z, effect as y, className as C, setAttribute as F } from "solid-js/web";
 import { createSignal as I, createEffect as w, onCleanup as S, createMemo as K, Show as g, For as D } from "solid-js";
-import { cn as E } from "./index63.js";
+import { cn as E } from "./index64.js";
 import { useCommand as R } from "./index52.js";
 import { Search as j } from "./index31.js";
-import { lockBodyStyle as B } from "./index67.js";
+import { lockBodyStyle as B } from "./index68.js";
 import { useResolvedFloeConfig as N } from "./index49.js";
 var T = /* @__PURE__ */ c('<div class="fixed inset-0 z-50 bg-background/60 backdrop-blur-sm animate-in fade-in">'), U = /* @__PURE__ */ c('<div><div class="flex items-center gap-3 px-4 pt-1 border-b border-border"><input type=text><kbd class="text-xs text-muted-foreground px-1.5 py-0.5 rounded bg-muted font-mono"></kbd></div><div class="max-h-80 overflow-y-auto py-2">'), q = /* @__PURE__ */ c('<div class="px-4 py-8 text-center text-sm text-muted-foreground">'), G = /* @__PURE__ */ c('<div><div class="px-4 py-1 text-xs font-semibold text-muted-foreground uppercase tracking-wider">'), H = /* @__PURE__ */ c('<span class="w-5 h-5 flex items-center justify-center text-muted-foreground">'), J = /* @__PURE__ */ c('<span class="ml-2 text-muted-foreground text-xs">'), Q = /* @__PURE__ */ c('<kbd class="text-xs text-muted-foreground px-1.5 py-0.5 rounded bg-muted font-mono">'), V = /* @__PURE__ */ c('<button type=button><div class="flex-1 text-left"><span>');
 function ne() {

package/dist/index26.js

@@ -1,6 +1,6 @@
 import { delegateEvents as R, template as v, spread as m, mergeProps as h, insert as i, effect as A, className as E, memo as H, setStyleProperty as L, use as j } from "solid-js/web";
 import { splitProps as b, createSignal as F, onCleanup as q } from "solid-js";
-import { cn as p } from "./index63.js";
+import { cn as p } from "./index64.js";
 var W = /* @__PURE__ */ v('<div style="background-size:200% 200%;animation:gradient-shift 3s ease infinite">'), D = /* @__PURE__ */ v('<div class="absolute inset-[1px] rounded-[7px] bg-card">'), G = /* @__PURE__ */ v('<div class="pointer-events-none absolute inset-0 opacity-0 transition-opacity duration-300 group-hover:opacity-100">'), N = /* @__PURE__ */ v('<div class="absolute inset-0 -translate-x-full animate-[shimmer_2s_infinite] bg-gradient-to-r from-transparent via-white/10 to-transparent">'), Z = /* @__PURE__ */ v("<div><div>"), T = /* @__PURE__ */ v("<div>"), J = /* @__PURE__ */ v("<h3>"), K = /* @__PURE__ */ v("<p>"), O = /* @__PURE__ */ v('<div><div class="relative z-10"style=transform:translateZ(20px)>'), Q = /* @__PURE__ */ v('<div class="pointer-events-none absolute inset-0 z-20 opacity-0 transition-opacity duration-300">'), U = /* @__PURE__ */ v('<div><div class="absolute inset-0"style="background:conic-gradient(from 0deg, var(--primary), var(--accent), var(--secondary), var(--primary))"></div><div class="relative rounded-[10px] bg-card h-full">'), V = /* @__PURE__ */ v('<div><div class="absolute inset-0 -z-10 overflow-hidden"><div class="absolute -top-1/2 -left-1/2 w-full h-full rounded-full bg-primary/20"style="animation:morph 8s ease-in-out infinite;filter:blur(40px)"></div><div class="absolute -bottom-1/2 -right-1/2 w-full h-full rounded-full bg-accent/20"style="animation:morph 8s ease-in-out infinite reverse;filter:blur(40px)"></div></div><div class="relative z-10">');
 function ne(l) {
   const [e, o] = b(l, ["variant", "enableTilt", "gradientColors", "glowColor", "class", "children", "style"]), t = () => e.variant ?? "default", [d, g] = F({});

package/dist/index27.js

@@ -1,6 +1,6 @@
 import { delegateEvents as N, template as h, spread as T, mergeProps as F, insert as i, createComponent as c, effect as f, className as g, setAttribute as k, memo as X, use as G } from "solid-js/web";
 import { splitProps as O, createSignal as S, createEffect as P, Show as m, For as J, onCleanup as K } from "solid-js";
-import { cn as v } from "./index63.js";
+import { cn as v } from "./index64.js";
 import { X as Q, Plus as U, ChevronRight as V } from "./index31.js";
 var Y = /* @__PURE__ */ h('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="m15 18-6-6 6-6">'), Z = /* @__PURE__ */ h('<button type=button aria-label="Scroll left">'), ee = /* @__PURE__ */ h('<button type=button aria-label="Add new tab">'), re = /* @__PURE__ */ h('<button type=button aria-label="Scroll right">'), te = /* @__PURE__ */ h("<div><div>"), oe = /* @__PURE__ */ h("<span class=flex-shrink-0>"), ne = /* @__PURE__ */ h("<button type=button>"), se = /* @__PURE__ */ h('<div role=tab><span class="truncate max-w-32">'), le = /* @__PURE__ */ h("<div role=tabpanel>");
 const ae = (p) => (() => {

package/dist/index28.js

@@ -1,6 +1,6 @@
 import { template as h, insert as $, createComponent as z, effect as m, className as d, style as I } from "solid-js/web";
 import { createSignal as P, onMount as S, onCleanup as B, For as L } from "solid-js";
-import { cn as g } from "./index63.js";
+import { cn as g } from "./index64.js";
 var M = /* @__PURE__ */ h(`<div role=status aria-label=Loading><style>
         @keyframes snakeBreathing {
           0%, 100% {

package/dist/index29.js

@@ -1,6 +1,6 @@
 import { template as c, insert as n, createComponent as t, effect as m, className as o, Portal as u } from "solid-js/web";
 import { Show as l } from "solid-js";
-import { cn as s } from "./index63.js";
+import { cn as s } from "./index64.js";
 import { SnakeLoader as f } from "./index28.js";
 var g = /* @__PURE__ */ c('<p class="text-sm text-muted-foreground">'), d = /* @__PURE__ */ c("<div>");
 function k(e) {

package/dist/index3.js

@@ -1,6 +1,6 @@
 import { delegateEvents as h, template as d, insert as c, createComponent as r, effect as u, className as m, Dynamic as y, memo as x, setAttribute as f } from "solid-js/web";
 import { For as b, Show as v } from "solid-js";
-import { cn as g } from "./index63.js";
+import { cn as g } from "./index64.js";
 import { Tooltip as C } from "./index24.js";
 var w = /* @__PURE__ */ d('<div class="flex flex-col items-center py-1.5 gap-0.5 md:gap-2 md:py-2">'), A = /* @__PURE__ */ d('<div><div class="flex flex-col items-center py-1.5 gap-0.5 md:gap-2 md:py-2">'), $ = /* @__PURE__ */ d('<div class="absolute -left-1.5 md:-left-2.5 top-1/2 -translate-y-1/2 w-1 h-7 bg-primary rounded-r">'), k = /* @__PURE__ */ d("<span>"), _ = /* @__PURE__ */ d("<button type=button>");
 function E(e) {

package/dist/index30.js

@@ -1,6 +1,6 @@
 import { template as f, effect as o, className as u, insert as s, createComponent as r } from "solid-js/web";
 import { For as h } from "solid-js";
-import { cn as i } from "./index63.js";
+import { cn as i } from "./index64.js";
 var m = /* @__PURE__ */ f("<div>"), p = /* @__PURE__ */ f('<div><div class="flex items-center gap-3"><div class="space-y-2 flex-1">'), _ = /* @__PURE__ */ f('<div class="flex items-center gap-3"><div class="flex-1 space-y-1">');
 function c(n) {
   return (() => {

package/dist/index37.js

@@ -1,6 +1,6 @@
 import { delegateEvents as P, createComponent as i, template as b, insert as n, addEventListener as S, memo as k, effect as j, className as $, setStyleProperty as I } from "solid-js/web";
 import { createSignal as z, onMount as L, onCleanup as V, Show as a } from "solid-js";
-import { cn as _ } from "./index63.js";
+import { cn as _ } from "./index64.js";
 import { FileBrowserProvider as W, useFileBrowser as N } from "./index38.js";
 import { DirectoryTree as T } from "./index39.js";
 import { FileListView as p } from "./index40.js";

package/dist/index39.js

@@ -1,6 +1,6 @@
 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 "./index63.js";
+import { cn as d } from "./index64.js";
 import { useFileBrowser as $ } from "./index38.js";
 import { FolderOpenIcon as T, FolderIcon as N } from "./index45.js";
 import { ChevronRight as j } from "./index31.js";

package/dist/index4.js

@@ -1,6 +1,6 @@
 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 o } from "./index63.js";
+import { cn as o } from "./index64.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 (() => {

package/dist/index40.js

@@ -1,6 +1,6 @@
 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 "./index63.js";
+import { cn as f } from "./index64.js";
 import { useFileBrowser as w } from "./index38.js";
 import { FolderIcon as z, getFileIcon as D } from "./index45.js";
 import { ChevronDown as M } from "./index31.js";

package/dist/index41.js

@@ -1,6 +1,6 @@
 import { delegateEvents as j, template as m, insert as s, createComponent as d, effect as F, className as a, Dynamic as _, setStyleProperty as $, setAttribute as D } from "solid-js/web";
 import { Show as I, For as M } from "solid-js";
-import { cn as c } from "./index63.js";
+import { cn as c } from "./index64.js";
 import { useFileBrowser as C } from "./index38.js";
 import { FolderIcon as z, getFileIcon as B } from "./index45.js";
 var G = /* @__PURE__ */ m('<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-2">'), K = /* @__PURE__ */ m("<div>"), P = /* @__PURE__ */ m('<div class="flex items-center justify-center h-32 text-xs text-muted-foreground">This folder is empty'), T = /* @__PURE__ */ m('<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">'), A = /* @__PURE__ */ m("<button type=button style=animation-fill-mode:backwards><div></div><span></span><div>");

package/dist/index42.js

@@ -1,6 +1,6 @@
 import { delegateEvents as j, createComponent as h, Portal as F, template as i, insert as m, Dynamic as H, effect as d, className as A, setStyleProperty as B, setAttribute as p, use as P } from "solid-js/web";
 import { createEffect as R, onCleanup as V, Show as x, For as S } from "solid-js";
-import { cn as D } from "./index63.js";
+import { cn as D } from "./index64.js";
 import { useFileBrowser as T } from "./index38.js";
 var Z = /* @__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><rect width=14 height=14 x=8 y=8 rx=2 ry=2></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2">'), z = /* @__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><path d="m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3Z">'), W = /* @__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><path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"></path><path d="M8 10v4"></path><path d="M12 10v2"></path><path d="M16 10v6">'), K = /* @__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><path d="M12 3v18"></path><path d="m8 7-4 4 4 4"></path><path d="m16 7 4 4-4 4">'), N = /* @__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><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2">'), O = /* @__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><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"></path><path d="m15 5 4 4">'), q = /* @__PURE__ */ i("<div role=menu aria-orientation=vertical>"), G = /* @__PURE__ */ i('<span class="text-[10px] text-muted-foreground opacity-60">'), J = /* @__PURE__ */ i('<button type=button role=menuitem><span class="flex-1 text-left">'), Q = /* @__PURE__ */ i('<div class="my-1 h-px bg-border">');
 const U = (t) => (() => {

package/dist/index43.js

@@ -1,6 +1,6 @@
 import { delegateEvents as g, template as l, insert as m, createComponent as s, effect as f, className as d } from "solid-js/web";
 import { createMemo as p, For as v, Show as x } from "solid-js";
-import { cn as h } from "./index63.js";
+import { cn as h } from "./index64.js";
 import { useFileBrowser as b } from "./index38.js";
 import { ChevronRight as k } from "./index31.js";
 var C = /* @__PURE__ */ l("<nav aria-label=Breadcrumb>"), w = /* @__PURE__ */ l('<button type=button><span class="truncate max-w-[120px] block">');

package/dist/index44.js

@@ -1,5 +1,5 @@
 import { delegateEvents as k, template as u, addEventListener as y, insert as s, createComponent as a, effect as v, className as b, setAttribute as c } from "solid-js/web";
-import { cn as g } from "./index63.js";
+import { cn as g } from "./index64.js";
 import { useFileBrowser as M } from "./index38.js";
 import { Breadcrumb as C } from "./index43.js";
 import { Grid as $ } from "./index31.js";

package/dist/index5.js

@@ -1,6 +1,6 @@
 import { delegateEvents as $, template as i, insert as t, createComponent as a, effect as k, className as g } from "solid-js/web";
 import { Show as h } from "solid-js";
-import { cn as x } from "./index63.js";
+import { cn as x } from "./index64.js";
 import { useCommand as y } from "./index52.js";
 import { Search as _ } from "./index31.js";
 import { useResolvedFloeConfig as w } from "./index49.js";

package/dist/index50.js

@@ -1,7 +1,7 @@
 import { createSignal as c, onCleanup as g, createEffect as u } from "solid-js";
 import { createSimpleContext as T } from "./index48.js";
 import { useResolvedFloeConfig as p } from "./index49.js";
-import { getSystemTheme as v, applyTheme as y } from "./index71.js";
+import { getSystemTheme as v, applyTheme as y } from "./index72.js";
 function S() {
   const t = p(), r = () => t.config.theme.storageKey, i = () => t.config.theme.defaultTheme, h = t.persist.load(r(), i()), [o, a] = c(h), [d, l] = c(v()), n = () => {
     const e = o();

package/dist/index52.js

@@ -1,8 +1,8 @@
 import { createSignal as p, onCleanup as K } from "solid-js";
 import { createSimpleContext as D } from "./index48.js";
 import { useResolvedFloeConfig as W } from "./index49.js";
-import { formatKeybind as P, parseKeybind as k, matchKeybind as y } from "./index66.js";
-import { deferNonBlocking as v } from "./index64.js";
+import { formatKeybind as P, parseKeybind as k, matchKeybind as y } from "./index67.js";
+import { deferNonBlocking as v } from "./index65.js";
 function S() {
   const x = W(), u = () => x.config.commands, i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), [g, l] = p(!1), [b, m] = p(""), [C, E] = p([]), d = () => {
     E(Array.from(i.values()));

package/dist/index53.js

@@ -2,7 +2,7 @@ import { delegateEvents as g, template as m, insert as l, createComponent as f,
 import { For as p, Show as u } from "solid-js";
 import { createStore as v, produce as d } from "solid-js/store";
 import { createSimpleContext as x } from "./index48.js";
-import { cn as $ } from "./index63.js";
+import { cn as $ } from "./index64.js";
 var w = /* @__PURE__ */ m('<div class="fixed bottom-4 right-4 z-50 flex flex-col gap-2 max-w-sm">'), _ = /* @__PURE__ */ m('<p class="mt-1 text-sm text-muted-foreground">'), y = /* @__PURE__ */ m('<button type=button class="mt-2 text-sm font-medium text-primary hover:underline">'), k = /* @__PURE__ */ m('<div role=alert><div class="flex items-start gap-3"><div class="flex-1 min-w-0"><p class="font-medium text-sm"></p></div><button type=button class="text-muted-foreground hover:text-foreground transition-colors"aria-label=Dismiss><svg class="w-4 h-4"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12">');
 const C = 5e3;
 function N() {

package/dist/index54.js

@@ -5,7 +5,7 @@ import { useTheme as v } from "./index50.js";
 import { useLayout as M } from "./index51.js";
 import { useCommand as S } from "./index52.js";
 import { useNotification as x } from "./index53.js";
-import { deferNonBlocking as A } from "./index64.js";
+import { deferNonBlocking as A } from "./index65.js";
 function R(s) {
   const r = `[${s}]`;
   return {