@floegence/floe-webapp-core 0.36.11 → 0.36.13

package/dist/components/ui/Dialog.js

@@ -1,24 +1,24 @@
-import { createComponent as n, Portal as R, setAttribute as s, spread as v, mergeProps as C, memo as T, insert as l, effect as A, template as c, use as E } from "solid-js/web";
-import { createUniqueId as S, createMemo as p, Show as u } from "solid-js";
+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 $ } from "./Button.js";
-import { X as z } from "../icons/index.js";
-import { useResolvedFloeConfig as F } from "../../context/FloeConfigContext.js";
-import { useOverlayMask as M } from "../../hooks/useOverlayMask.js";
-import { resolveDialogSurfaceHost as N, DIALOG_SURFACE_BOUNDARY_ATTR as g } from "./dialogSurfaceScope.js";
-import { LOCAL_INTERACTION_SURFACE_ATTR as U } from "./localInteractionSurface.js";
-var j = /* @__PURE__ */ c('<h2 class="text-sm font-semibold">'), H = /* @__PURE__ */ c('<p class="mt-0.5 text-xs text-muted-foreground">'), L = /* @__PURE__ */ c('<div class="flex items-start justify-between p-3 border-b border-border"><div>'), P = /* @__PURE__ */ c('<div class="flex items-center justify-end gap-2 p-3 border-t border-border">'), W = /* @__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">'), q = /* @__PURE__ */ c("<div>");
-function G(e) {
-  const o = S(), _ = () => `dialog-${o}-title`, w = () => `dialog-${o}-description`;
+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 h = p(() => e.open ? N() : {
+  const w = M(() => e.open ? N() : {
     host: null,
     mode: "global"
-  }), f = () => `dialog-boundary-${o}`, t = () => h().mode === "surface" && !!h().host?.isConnected, I = () => h().host ?? void 0, B = (r) => typeof Element < "u" && r instanceof Element ? !!r.closest(`[${g}="${f()}"]`) : typeof Node < "u" && r instanceof Node ? !!r.parentElement?.closest(`[${g}="${f()}"]`) : !1;
-  return M({
+  }), 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({
     open: () => e.open,
     root: () => m,
-    containsTarget: (r) => t() && B(r),
+    containsTarget: (r) => t() && S(r),
     onClose: () => e.onOpenChange(!1),
     lockBodyScroll: () => !t(),
     trapFocus: !0,
@@ -28,28 +28,28 @@ function G(e) {
     blockWheel: () => t() ? "none" : "outside",
     blockTouchMove: () => t() ? "none" : "outside",
     restoreFocus: !0
-  }), n(u, {
+  }), n(s, {
     get when() {
       return e.open;
     },
     get children() {
-      return n(R, {
+      return n(B, {
         get mount() {
           return I();
         },
         get children() {
-          var r = W(), b = r.firstChild, D = b.nextSibling, i = D.firstChild, y = i.firstChild;
-          s(r, "data-floe-dialog-overlay-root", o), v(r, C({
+          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({
             get "data-floe-dialog-mode"() {
               return t() ? "surface" : "global";
             }
           }, () => ({
-            [U]: t() ? "true" : void 0
+            [j]: t() ? "true" : void 0
           }), {
             get class() {
               return x(t() ? "absolute inset-0 z-20 p-3" : "fixed inset-0 z-50 p-4");
             }
-          }), !1, !0), s(b, "data-floe-dialog-backdrop", o), v(b, C(() => ({
+          }), !1, !0), u(h, "data-floe-dialog-backdrop", o), b(h, v(() => ({
             [g]: f()
           }), {
             get class() {
@@ -58,7 +58,7 @@ function G(e) {
             onClick: () => e.onOpenChange(!1)
           }), !1, !1);
           var k = m;
-          return typeof k == "function" ? E(k, i) : m = i, s(i, "data-floe-dialog-panel", o), v(i, C(() => ({
+          return typeof k == "function" ? D(k, i) : m = i, u(i, "data-floe-dialog-panel", o), b(i, v(() => ({
             [g]: f()
           }), {
             get class() {
@@ -69,53 +69,53 @@ function G(e) {
               return t() ? void 0 : "true";
             },
             get "aria-labelledby"() {
-              return T(() => !!e.title)() ? _() : void 0;
+              return T(() => !!e.title)() ? $() : void 0;
             },
             get "aria-describedby"() {
-              return T(() => !!e.description)() ? w() : void 0;
+              return T(() => !!e.description)() ? _() : void 0;
             },
             tabIndex: -1
-          }), !1, !0), l(i, n(u, {
+          }), !1, !0), l(i, n(s, {
             get when() {
               return e.title || e.description;
             },
             get children() {
-              var d = L(), O = d.firstChild;
-              return l(O, n(u, {
+              var d = W(), O = d.firstChild;
+              return l(O, n(s, {
                 get when() {
                   return e.title;
                 },
                 get children() {
-                  var a = j();
-                  return l(a, () => e.title), A(() => s(a, "id", _())), a;
+                  var a = H();
+                  return l(a, () => e.title), A(() => u(a, "id", $())), a;
                 }
-              }), null), l(O, n(u, {
+              }), null), l(O, n(s, {
                 get when() {
                   return e.description;
                 },
                 get children() {
-                  var a = H();
-                  return l(a, () => e.description), A(() => s(a, "id", w())), a;
+                  var a = L();
+                  return l(a, () => e.description), A(() => u(a, "id", _())), a;
                 }
-              }), null), l(d, n($, {
+              }), null), l(d, n(C, {
                 variant: "ghost-destructive",
                 size: "icon",
                 class: "h-6 w-6 -mr-1",
                 onClick: () => e.onOpenChange(!1),
                 "aria-label": "Close",
                 get children() {
-                  return n(z, {
+                  return n(p, {
                     class: "w-3.5 h-3.5"
                   });
                 }
               }), null), d;
             }
-          }), y), l(y, () => e.children), l(i, n(u, {
+          }), y), l(y, () => e.children), l(i, n(s, {
             get when() {
               return e.footer;
             },
             get children() {
-              var d = P();
+              var d = q();
               return l(d, () => e.footer), d;
             }
           }), null), r;
@@ -124,9 +124,9 @@ function G(e) {
     }
   });
 }
-function re(e) {
-  const o = F();
-  return n(G, {
+function oe(e) {
+  const o = z();
+  return n(Y, {
     get open() {
       return e.open;
     },
@@ -140,7 +140,7 @@ function re(e) {
       return e.description;
     },
     get footer() {
-      return [n($, {
+      return [n(C, {
         variant: "ghost",
         onClick: () => e.onOpenChange(!1),
         get disabled() {
@@ -149,7 +149,7 @@ function re(e) {
         get children() {
           return e.cancelText ?? o.config.strings.confirmDialog.cancel;
         }
-      }), n($, {
+      }), n(C, {
         get variant() {
           return e.variant === "destructive" ? "destructive" : "primary";
         },
@@ -165,11 +165,11 @@ function re(e) {
       })];
     },
     get children() {
-      return e.children ?? q();
+      return e.children ?? X();
     }
   });
 }
 export {
-  re as ConfirmDialog,
-  G as Dialog
+  oe as ConfirmDialog,
+  Y as Dialog
 };