@floegence/floe-webapp-core 0.36.13 → 0.36.16

package/dist/components/deck/DeckCell.js

@@ -1,24 +1,41 @@
-import { insert as s, createComponent as g, Dynamic as D, effect as W, setAttribute as b, className as S, style as k, template as m } from "solid-js/web";
-import { createMemo as l, Show as z } from "solid-js";
-import { cn as C } from "../../utils/cn.js";
-import { useDeck as R } from "../../context/DeckContext.js";
-import { useWidgetRegistry as x } from "../../context/WidgetRegistry.js";
-import { WidgetStateProvider as M } from "../../context/WidgetStateContext.js";
-import { positionToGridArea as A } from "../../utils/gridLayout.js";
-import { WidgetFrame as I } from "./WidgetFrame.js";
-var P = /* @__PURE__ */ m("<div data-floe-dialog-surface-host=true data-floe-geometry-surface=deck-widget>"), T = /* @__PURE__ */ m('<div class="h-full flex items-center justify-center text-muted-foreground text-xs"><span>Widget: ');
-function B(e) {
-  const r = R(), n = x(), f = () => r.editMode(), d = () => e.widget.type, a = l(() => n.getWidget(d())), w = l(() => A(e.position)), h = () => r.getWidgetState(e.widget.id), v = (i, t) => {
-    r.updateWidgetState(e.widget.id, i, t);
-  }, o = () => a()?.component;
+import { spread as h, mergeProps as y, insert as u, createComponent as i, Dynamic as v, template as c } from "solid-js/web";
+import { createMemo as a, Show as D } from "solid-js";
+import { cn as R } from "../../utils/cn.js";
+import { useDeck as S } from "../../context/DeckContext.js";
+import { useWidgetRegistry as W } from "../../context/WidgetRegistry.js";
+import { WidgetStateProvider as C } from "../../context/WidgetStateContext.js";
+import { positionToGridArea as _ } from "../../utils/gridLayout.js";
+import { WidgetFrame as b } from "./WidgetFrame.js";
+import { SURFACE_PORTAL_LAYER_ATTR as k } from "../ui/dialogSurfaceScope.js";
+var z = /* @__PURE__ */ c("<div data-floe-dialog-surface-host=true>"), x = /* @__PURE__ */ c('<div class="h-full flex items-center justify-center text-muted-foreground text-xs"><span>Widget: ');
+function j(e) {
+  const t = S(), g = W(), s = () => t.editMode(), n = () => e.widget.type, d = a(() => g.getWidget(n())), l = a(() => _(e.position)), m = () => t.getWidgetState(e.widget.id), f = (r, w) => {
+    t.updateWidgetState(e.widget.id, r, w);
+  }, o = () => d()?.component;
   return (() => {
-    var i = P();
-    return s(i, g(I, {
+    var r = z();
+    return h(r, y({
+      get "data-floe-deck-widget-id"() {
+        return e.widget.id;
+      }
+    }, {
+      [k]: "true"
+    }, {
+      "data-floe-geometry-surface": "deck-widget",
+      get class() {
+        return R("deck-cell relative rounded-md overflow-hidden group", "bg-card border border-border", !e.isDragging && !e.isResizing && "transition-shadow duration-150 ease-out", e.isDragging && "shadow-2xl z-50 ring-2 ring-primary/70", e.isResizing && "shadow-lg z-50 ring-2 ring-primary", !e.isDragging && !e.isResizing && "hover:ring-1 hover:ring-primary/50", "select-none", e.isDragging && "cursor-grabbing");
+      },
+      get style() {
+        return e.dragOverlayStyle ?? {
+          "grid-area": l()
+        };
+      }
+    }), !1, !0), u(r, i(b, {
       get widget() {
         return e.widget;
       },
       get widgetDef() {
-        return a();
+        return d();
       },
       get isDragging() {
         return e.isDragging;
@@ -27,26 +44,26 @@ function B(e) {
         return e.isResizing;
       },
       get children() {
-        return g(z, {
+        return i(D, {
           get when() {
             return o();
           },
           get fallback() {
-            return g(_, {
+            return i(A, {
               get type() {
-                return d();
+                return n();
               }
             });
           },
           get children() {
-            return g(M, {
+            return i(C, {
               get widgetId() {
                 return e.widget.id;
               },
-              state: h,
-              onStateChange: v,
+              state: m,
+              onStateChange: f,
               get children() {
-                return g(D, {
+                return i(v, {
                   get component() {
                     return o();
                   },
@@ -57,7 +74,7 @@ function B(e) {
                     return e.widget.config;
                   },
                   get isEditMode() {
-                    return f();
+                    return s();
                   }
                 });
               }
@@ -65,24 +82,15 @@ function B(e) {
           }
         });
       }
-    })), W((t) => {
-      var c = e.widget.id, u = C("deck-cell relative rounded-md overflow-hidden group", "bg-card border border-border", !e.isDragging && !e.isResizing && "transition-shadow duration-150 ease-out", e.isDragging && "shadow-2xl z-50 ring-2 ring-primary/70", e.isResizing && "shadow-lg z-50 ring-2 ring-primary", !e.isDragging && !e.isResizing && "hover:ring-1 hover:ring-primary/50", "select-none", e.isDragging && "cursor-grabbing"), y = e.dragOverlayStyle ?? {
-        "grid-area": w()
-      };
-      return c !== t.e && b(i, "data-floe-deck-widget-id", t.e = c), u !== t.t && S(i, t.t = u), t.a = k(i, y, t.a), t;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0
-    }), i;
+    })), r;
   })();
 }
-function _(e) {
+function A(e) {
   return (() => {
-    var r = T(), n = r.firstChild;
-    return n.firstChild, s(n, () => e.type, null), r;
+    var t = x(), g = t.firstChild;
+    return g.firstChild, u(g, () => e.type, null), t;
   })();
 }
 export {
-  B as DeckCell
+  j as DeckCell
 };

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

@@ -1,5 +1,5 @@
-import { createComponent as a, Portal as z, setAttribute as v, spread as V, mergeProps as O, insert as b, template as g, Dynamic as Q, memo as F, effect as M, className as X, use as I, delegateEvents as Y } from "solid-js/web";
-import { createSignal as E, createMemo as ee, createEffect as H, onCleanup as q, Show as C, For as Z } from "solid-js";
+import { createComponent as a, Portal as z, setAttribute as v, spread as V, mergeProps as O, insert as b, template as g, Dynamic as Q, memo as H, effect as M, className as X, use as I, delegateEvents as Y } from "solid-js/web";
+import { createSignal as E, createMemo as ee, createEffect as F, onCleanup as q, Show as C, For as Z } from "solid-js";
 import { cn as A } from "../../utils/cn.js";
 import { deferAfterPaint as te } from "../../utils/defer.js";
 import { ChevronRight as ne } from "../icons/index.js";
@@ -225,7 +225,7 @@ function J(e) {
       })
     }), P), b(P, () => e.item.label), b(d, a(C, {
       get when() {
-        return F(() => !!e.item.shortcut)() && !f();
+        return H(() => !!e.item.shortcut)() && !f();
       },
       get children() {
         var r = ye();
@@ -242,7 +242,7 @@ function J(e) {
       }
     }), null), b(l, a(C, {
       get when() {
-        return F(() => !!t())() && f();
+        return H(() => !!t())() && f();
       },
       get children() {
         return a(z, {
@@ -326,6 +326,8 @@ function Ve(e) {
     y: -9999
   }), c = ee(() => t.contextMenu() ? ie() : {
     host: null,
+    boundaryHost: null,
+    mountHost: null,
     mode: "global"
   }), p = {
     mount: () => ce(c()),
@@ -368,7 +370,7 @@ function Ve(e) {
       y: o.y
     }, s, p.boundaryRect());
   };
-  H(() => {
+  F(() => {
     if (i || !t.contextMenu()) return;
     const o = Ee({
       ownerWindow: window,
@@ -378,7 +380,7 @@ function Ve(e) {
     q(() => {
       o();
     });
-  }), H(() => {
+  }), F(() => {
     const o = t.contextMenu();
     if (!o) {
       h({

package/dist/components/ui/Dialog.js

@@ -1,24 +1,26 @@
-import { createComponent as n, Portal as B, setAttribute as u, spread as b, mergeProps as v, memo as T, insert as l, effect as A, template as c, use as D } from "solid-js/web";
-import { createUniqueId as E, createMemo as M, Show as s } from "solid-js";
-import { cn as x } from "../../utils/cn.js";
-import { Button as C } from "./Button.js";
-import { X as p } from "../icons/index.js";
-import { useResolvedFloeConfig as z } from "../../context/FloeConfigContext.js";
-import { useOverlayMask as F } from "../../hooks/useOverlayMask.js";
-import { resolveSurfacePortalHost as N, DIALOG_SURFACE_BOUNDARY_ATTR as g, isSurfacePortalMode as P, resolveSurfacePortalMount as U } from "./dialogSurfaceScope.js";
-import { LOCAL_INTERACTION_SURFACE_ATTR as j } from "./localInteractionSurface.js";
-var H = /* @__PURE__ */ c('<h2 class="text-sm font-semibold">'), L = /* @__PURE__ */ c('<p class="mt-0.5 text-xs text-muted-foreground">'), W = /* @__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">'), G = /* @__PURE__ */ c('<div><div></div><div class="relative z-[1] flex h-full w-full items-center justify-center"><div><div class="flex-1 overflow-auto overscroll-contain p-3">'), X = /* @__PURE__ */ c("<div>");
-function Y(e) {
-  const o = E(), $ = () => `dialog-${o}-title`, _ = () => `dialog-${o}-description`;
-  let m;
-  const w = M(() => e.open ? N() : {
+import { createComponent as n, Portal as D, setAttribute as u, spread as x, mergeProps as $, memo as C, insert as l, effect as S, template as c, use as E } from "solid-js/web";
+import { createUniqueId as M, createMemo as T, Show as s } from "solid-js";
+import { cn as _ } from "../../utils/cn.js";
+import { Button as y } from "./Button.js";
+import { X as P } from "../icons/index.js";
+import { useResolvedFloeConfig as j } from "../../context/FloeConfigContext.js";
+import { useOverlayMask as z } from "../../hooks/useOverlayMask.js";
+import { resolveSurfacePortalHost as F, projectSurfacePortalRect as H, resolveSurfacePortalBoundaryRect as N, DIALOG_SURFACE_BOUNDARY_ATTR as h, isSurfacePortalMode as U, resolveSurfacePortalMount as L } from "./dialogSurfaceScope.js";
+import { LOCAL_INTERACTION_SURFACE_ATTR as W } from "./localInteractionSurface.js";
+var q = /* @__PURE__ */ c('<h2 class="text-sm font-semibold">'), G = /* @__PURE__ */ c('<p class="mt-0.5 text-xs text-muted-foreground">'), X = /* @__PURE__ */ c('<div class="flex items-start justify-between p-3 border-b border-border"><div>'), Y = /* @__PURE__ */ c('<div class="flex items-center justify-end gap-2 p-3 border-t border-border">'), J = /* @__PURE__ */ c('<div><div></div><div class="relative z-[1] flex h-full w-full items-center justify-center"><div><div class="flex-1 overflow-auto overscroll-contain p-3">'), K = /* @__PURE__ */ c("<div>");
+function Q(e) {
+  const o = M(), w = () => `dialog-${o}-title`, k = () => `dialog-${o}-description`;
+  let b;
+  const f = T(() => e.open ? F() : {
     host: null,
+    boundaryHost: null,
+    mountHost: null,
     mode: "global"
-  }), f = () => `dialog-boundary-${o}`, t = () => P(w()), I = () => U(w()), S = (r) => typeof Element < "u" && r instanceof Element ? !!r.closest(`[${g}="${f()}"]`) : typeof Node < "u" && r instanceof Node ? !!r.parentElement?.closest(`[${g}="${f()}"]`) : !1;
-  return F({
+  }), g = () => `dialog-boundary-${o}`, t = () => U(f()), A = () => L(f()), m = T(() => H(N(f()), f())), B = (r) => typeof Element < "u" && r instanceof Element ? !!r.closest(`[${h}="${g()}"]`) : typeof Node < "u" && r instanceof Node ? !!r.parentElement?.closest(`[${h}="${g()}"]`) : !1;
+  return z({
     open: () => e.open,
-    root: () => m,
-    containsTarget: (r) => t() && S(r),
+    root: () => b,
+    containsTarget: (r) => t() && B(r),
     onClose: () => e.onOpenChange(!1),
     lockBodyScroll: () => !t(),
     trapFocus: !0,
@@ -33,46 +35,54 @@ function Y(e) {
       return e.open;
     },
     get children() {
-      return n(B, {
+      return n(D, {
         get mount() {
-          return I();
+          return A();
         },
         get children() {
-          var r = G(), h = r.firstChild, R = h.nextSibling, i = R.firstChild, y = i.firstChild;
-          u(r, "data-floe-dialog-overlay-root", o), b(r, v({
+          var r = J(), v = r.firstChild, I = v.nextSibling, i = I.firstChild, p = i.firstChild;
+          u(r, "data-floe-dialog-overlay-root", o), x(r, $({
             get "data-floe-dialog-mode"() {
               return t() ? "surface" : "global";
             }
           }, () => ({
-            [j]: t() ? "true" : void 0
+            [W]: t() ? "true" : void 0
           }), {
             get class() {
-              return x(t() ? "absolute inset-0 z-20 p-3" : "fixed inset-0 z-50 p-4");
+              return _(t() ? "absolute z-20 box-border p-3" : "fixed inset-0 box-border z-50 p-4");
+            },
+            get style() {
+              return C(() => !!t())() ? {
+                left: `${m().left}px`,
+                top: `${m().top}px`,
+                width: `${m().width}px`,
+                height: `${m().height}px`
+              } : void 0;
             }
-          }), !1, !0), u(h, "data-floe-dialog-backdrop", o), b(h, v(() => ({
-            [g]: f()
+          }), !1, !0), u(v, "data-floe-dialog-backdrop", o), x(v, $(() => ({
+            [h]: g()
           }), {
             get class() {
-              return x("absolute inset-0 cursor-pointer animate-in fade-in", t() ? "bg-background/72 backdrop-blur-[2px]" : "bg-background/80 backdrop-blur-sm");
+              return _("absolute inset-0 cursor-pointer animate-in fade-in", t() ? "bg-background/72 backdrop-blur-[2px]" : "bg-background/80 backdrop-blur-sm");
             },
             onClick: () => e.onOpenChange(!1)
           }), !1, !1);
-          var k = m;
-          return typeof k == "function" ? D(k, i) : m = i, u(i, "data-floe-dialog-panel", o), b(i, v(() => ({
-            [g]: f()
+          var O = b;
+          return typeof O == "function" ? E(O, i) : b = i, u(i, "data-floe-dialog-panel", o), x(i, $(() => ({
+            [h]: g()
           }), {
             get class() {
-              return x(t() ? "flex max-h-[calc(100%-1rem)] w-[min(32rem,calc(100%-1rem))] max-w-[calc(100%-1rem)] flex-col" : "w-full max-w-md max-h-[85vh]", "bg-card text-card-foreground rounded-md shadow-lg", "border border-border", "animate-in fade-in zoom-in-95", "flex flex-col", e.class);
+              return _(t() ? "flex max-h-[calc(100%-1rem)] w-[min(32rem,calc(100%-1rem))] max-w-[calc(100%-1rem)] flex-col" : "w-full max-w-md max-h-[85vh]", "bg-card text-card-foreground rounded-md shadow-lg", "border border-border", "animate-in fade-in zoom-in-95", "flex flex-col", e.class);
             },
             role: "dialog",
             get "aria-modal"() {
               return t() ? void 0 : "true";
             },
             get "aria-labelledby"() {
-              return T(() => !!e.title)() ? $() : void 0;
+              return C(() => !!e.title)() ? w() : void 0;
             },
             get "aria-describedby"() {
-              return T(() => !!e.description)() ? _() : void 0;
+              return C(() => !!e.description)() ? k() : void 0;
             },
             tabIndex: -1
           }), !1, !0), l(i, n(s, {
@@ -80,42 +90,42 @@ function Y(e) {
               return e.title || e.description;
             },
             get children() {
-              var d = W(), O = d.firstChild;
-              return l(O, n(s, {
+              var d = X(), R = d.firstChild;
+              return l(R, n(s, {
                 get when() {
                   return e.title;
                 },
                 get children() {
-                  var a = H();
-                  return l(a, () => e.title), A(() => u(a, "id", $())), a;
+                  var a = q();
+                  return l(a, () => e.title), S(() => u(a, "id", w())), a;
                 }
-              }), null), l(O, n(s, {
+              }), null), l(R, n(s, {
                 get when() {
                   return e.description;
                 },
                 get children() {
-                  var a = L();
-                  return l(a, () => e.description), A(() => u(a, "id", _())), a;
+                  var a = G();
+                  return l(a, () => e.description), S(() => u(a, "id", k())), a;
                 }
-              }), null), l(d, n(C, {
+              }), null), l(d, n(y, {
                 variant: "ghost-destructive",
                 size: "icon",
                 class: "h-6 w-6 -mr-1",
                 onClick: () => e.onOpenChange(!1),
                 "aria-label": "Close",
                 get children() {
-                  return n(p, {
+                  return n(P, {
                     class: "w-3.5 h-3.5"
                   });
                 }
               }), null), d;
             }
-          }), y), l(y, () => e.children), l(i, n(s, {
+          }), p), l(p, () => e.children), l(i, n(s, {
             get when() {
               return e.footer;
             },
             get children() {
-              var d = q();
+              var d = Y();
               return l(d, () => e.footer), d;
             }
           }), null), r;
@@ -124,9 +134,9 @@ function Y(e) {
     }
   });
 }
-function oe(e) {
-  const o = z();
-  return n(Y, {
+function ae(e) {
+  const o = j();
+  return n(Q, {
     get open() {
       return e.open;
     },
@@ -140,7 +150,7 @@ function oe(e) {
       return e.description;
     },
     get footer() {
-      return [n(C, {
+      return [n(y, {
         variant: "ghost",
         onClick: () => e.onOpenChange(!1),
         get disabled() {
@@ -149,7 +159,7 @@ function oe(e) {
         get children() {
           return e.cancelText ?? o.config.strings.confirmDialog.cancel;
         }
-      }), n(C, {
+      }), n(y, {
         get variant() {
           return e.variant === "destructive" ? "destructive" : "primary";
         },
@@ -165,11 +175,11 @@ function oe(e) {
       })];
     },
     get children() {
-      return e.children ?? X();
+      return e.children ?? K();
     }
   });
 }
 export {
-  oe as ConfirmDialog,
-  Y as Dialog
+  ae as ConfirmDialog,
+  Q as Dialog
 };