@floegence/floe-webapp-core 0.86.58 → 0.86.62

package/dist/components/ui/Pagination.js

@@ -1,7 +1,7 @@
-import { createComponent as t, spread as M, mergeProps as I, insert as s, effect as g, className as w, memo as J, setAttribute as x, template as u, delegateEvents as D } from "solid-js/web";
-import { splitProps as j, createMemo as q, Switch as H, Match as N, Show as k, For as E } from "solid-js";
-import { cn as p } from "../../utils/cn.js";
-var K = /* @__PURE__ */ u('<svg viewBox="0 0 16 16"fill=currentColor><path fill-rule=evenodd d="M9.78 4.22a.75.75 0 010 1.06L7.06 8l2.72 2.72a.75.75 0 11-1.06 1.06L5.47 8.53a.75.75 0 010-1.06l3.25-3.25a.75.75 0 011.06 0z"clip-rule=evenodd>'), O = /* @__PURE__ */ u('<svg viewBox="0 0 16 16"fill=currentColor><path fill-rule=evenodd d="M6.22 4.22a.75.75 0 011.06 0l3.25 3.25a.75.75 0 010 1.06l-3.25 3.25a.75.75 0 01-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 010-1.06z"clip-rule=evenodd>'), Q = /* @__PURE__ */ u('<svg viewBox="0 0 16 16"fill=currentColor><path fill-rule=evenodd d="M8.78 4.22a.75.75 0 010 1.06L6.06 8l2.72 2.72a.75.75 0 11-1.06 1.06L4.47 8.53a.75.75 0 010-1.06l3.25-3.25a.75.75 0 011.06 0z"clip-rule=evenodd></path><path fill-rule=evenodd d="M12.78 4.22a.75.75 0 010 1.06L10.06 8l2.72 2.72a.75.75 0 11-1.06 1.06L8.47 8.53a.75.75 0 010-1.06l3.25-3.25a.75.75 0 011.06 0z"clip-rule=evenodd>'), U = /* @__PURE__ */ u('<svg viewBox="0 0 16 16"fill=currentColor><path fill-rule=evenodd d="M3.22 4.22a.75.75 0 011.06 0l3.25 3.25a.75.75 0 010 1.06l-3.25 3.25a.75.75 0 01-1.06-1.06L5.94 8 3.22 5.28a.75.75 0 010-1.06z"clip-rule=evenodd></path><path fill-rule=evenodd d="M7.22 4.22a.75.75 0 011.06 0l3.25 3.25a.75.75 0 010 1.06l-3.25 3.25a.75.75 0 01-1.06-1.06L9.94 8 7.22 5.28a.75.75 0 010-1.06z"clip-rule=evenodd>'), V = /* @__PURE__ */ u('<svg viewBox="0 0 16 16"fill=currentColor><circle cx=4 cy=8 r=1.5></circle><circle cx=8 cy=8 r=1.5></circle><circle cx=12 cy=8 r=1.5>'), W = /* @__PURE__ */ u("<button type=button data-floe-surface-part=action>"), X = /* @__PURE__ */ u("<nav aria-label=Pagination><span>Page <!> of "), Y = /* @__PURE__ */ u("<nav aria-label=Pagination><span> / "), Z = /* @__PURE__ */ u("<span> items"), ee = /* @__PURE__ */ u('<div class="flex items-center gap-2"><span>Show</span><select data-floe-surface=inset>'), te = /* @__PURE__ */ u('<div class="flex items-center gap-2"><span>Go to</span><input data-floe-surface=inset type=number min=1>'), re = /* @__PURE__ */ u('<nav aria-label=Pagination><div class="flex items-center gap-1">'), ne = /* @__PURE__ */ u("<option>"), le = /* @__PURE__ */ u("<span>");
+import { createComponent as t, spread as M, mergeProps as I, insert as s, effect as g, className as w, memo as J, setAttribute as m, template as u, delegateEvents as D } from "solid-js/web";
+import { splitProps as j, createMemo as q, Switch as H, Match as N, Show as $, For as E } from "solid-js";
+import { cn as f } from "../../utils/cn.js";
+var K = /* @__PURE__ */ u('<svg viewBox="0 0 16 16"fill=currentColor><path fill-rule=evenodd d="M9.78 4.22a.75.75 0 010 1.06L7.06 8l2.72 2.72a.75.75 0 11-1.06 1.06L5.47 8.53a.75.75 0 010-1.06l3.25-3.25a.75.75 0 011.06 0z"clip-rule=evenodd>'), O = /* @__PURE__ */ u('<svg viewBox="0 0 16 16"fill=currentColor><path fill-rule=evenodd d="M6.22 4.22a.75.75 0 011.06 0l3.25 3.25a.75.75 0 010 1.06l-3.25 3.25a.75.75 0 01-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 010-1.06z"clip-rule=evenodd>'), Q = /* @__PURE__ */ u('<svg viewBox="0 0 16 16"fill=currentColor><path fill-rule=evenodd d="M8.78 4.22a.75.75 0 010 1.06L6.06 8l2.72 2.72a.75.75 0 11-1.06 1.06L4.47 8.53a.75.75 0 010-1.06l3.25-3.25a.75.75 0 011.06 0z"clip-rule=evenodd></path><path fill-rule=evenodd d="M12.78 4.22a.75.75 0 010 1.06L10.06 8l2.72 2.72a.75.75 0 11-1.06 1.06L8.47 8.53a.75.75 0 010-1.06l3.25-3.25a.75.75 0 011.06 0z"clip-rule=evenodd>'), U = /* @__PURE__ */ u('<svg viewBox="0 0 16 16"fill=currentColor><path fill-rule=evenodd d="M3.22 4.22a.75.75 0 011.06 0l3.25 3.25a.75.75 0 010 1.06l-3.25 3.25a.75.75 0 01-1.06-1.06L5.94 8 3.22 5.28a.75.75 0 010-1.06z"clip-rule=evenodd></path><path fill-rule=evenodd d="M7.22 4.22a.75.75 0 011.06 0l3.25 3.25a.75.75 0 010 1.06l-3.25 3.25a.75.75 0 01-1.06-1.06L9.94 8 7.22 5.28a.75.75 0 010-1.06z"clip-rule=evenodd>'), V = /* @__PURE__ */ u('<svg viewBox="0 0 16 16"fill=currentColor><circle cx=4 cy=8 r=1.5></circle><circle cx=8 cy=8 r=1.5></circle><circle cx=12 cy=8 r=1.5>'), W = /* @__PURE__ */ u("<button type=button data-floe-surface-part=action>"), X = /* @__PURE__ */ u("<nav aria-label=Pagination><span>Page <!> of "), Y = /* @__PURE__ */ u("<nav aria-label=Pagination><span> / "), Z = /* @__PURE__ */ u("<span> items"), ee = /* @__PURE__ */ u('<div class="flex items-center gap-2"><span>Show</span><select data-floe-surface=inset>'), te = /* @__PURE__ */ u('<div class="flex items-center gap-2"><span>Go to</span><input data-floe-surface=inset type=number min=1>'), re = /* @__PURE__ */ u('<nav aria-label=Pagination><div class="flex items-center gap-1">'), le = /* @__PURE__ */ u("<option>"), ne = /* @__PURE__ */ u("<span>");
 const ae = {
   sm: {
     button: "h-7 min-w-7 px-2 text-xs",
@@ -19,88 +19,88 @@ const ae = {
     input: "h-9 w-18 text-sm"
   }
 };
-function A(c) {
+function A(d) {
   return (() => {
     var e = K();
-    return g(() => x(e, "class", c.class)), e;
+    return g(() => m(e, "class", d.class)), e;
   })();
 }
-function R(c) {
+function R(d) {
   return (() => {
     var e = O();
-    return g(() => x(e, "class", c.class)), e;
+    return g(() => m(e, "class", d.class)), e;
   })();
 }
-function T(c) {
+function T(d) {
   return (() => {
     var e = Q();
-    return g(() => x(e, "class", c.class)), e;
+    return g(() => m(e, "class", d.class)), e;
   })();
 }
-function G(c) {
+function G(d) {
   return (() => {
     var e = U();
-    return g(() => x(e, "class", c.class)), e;
+    return g(() => m(e, "class", d.class)), e;
   })();
 }
-function ie(c) {
+function ie(d) {
   return (() => {
     var e = V();
-    return g(() => x(e, "class", c.class)), e;
+    return g(() => m(e, "class", d.class)), e;
   })();
 }
-function se(c, e, m) {
-  const P = m * 2 + 5;
+function se(d, e, x) {
+  const P = x * 2 + 5;
   if (e <= P)
     return Array.from({
       length: e
     }, (b, o) => o + 1);
-  const $ = Math.max(c - m, 1), S = Math.min(c + m, e), h = $ > 2, z = S < e - 1;
-  return !h && z ? [...Array.from({
-    length: 3 + 2 * m
-  }, (o, y) => y + 1), "ellipsis", e] : h && !z ? [1, "ellipsis", ...Array.from({
-    length: 3 + 2 * m
-  }, (o, y) => e - (3 + 2 * m) + y + 1)] : [1, "ellipsis", ...Array.from({
-    length: S - $ + 1
-  }, (b, o) => $ + o), "ellipsis", e];
+  const _ = Math.max(d - x, 1), y = Math.min(d + x, e), v = _ > 2, z = y < e - 1;
+  return !v && z ? [...Array.from({
+    length: 3 + 2 * x
+  }, (o, S) => S + 1), "ellipsis", e] : v && !z ? [1, "ellipsis", ...Array.from({
+    length: 3 + 2 * x
+  }, (o, S) => e - (3 + 2 * x) + S + 1)] : [1, "ellipsis", ...Array.from({
+    length: y - _ + 1
+  }, (b, o) => _ + o), "ellipsis", e];
 }
-function ue(c) {
-  const [e, m] = j(c, ["page", "totalPages", "onChange", "size", "variant", "siblingCount", "showFirstLast", "showPageSize", "pageSize", "pageSizes", "onPageSizeChange", "showJumpTo", "totalItems", "disabled", "class"]), P = () => e.size ?? "md", $ = () => e.variant ?? "default", S = () => e.siblingCount ?? 1, h = () => ae[P()], z = q(() => se(e.page, e.totalPages, S())), L = () => e.page > 1, b = () => e.page < e.totalPages, o = (r) => {
+function ue(d) {
+  const [e, x] = j(d, ["page", "totalPages", "onChange", "size", "variant", "siblingCount", "showFirstLast", "showPageSize", "pageSize", "pageSizes", "onPageSizeChange", "showJumpTo", "totalItems", "disabled", "class"]), P = () => e.size ?? "md", _ = () => e.variant ?? "default", y = () => e.siblingCount ?? 1, v = () => ae[P()], z = q(() => se(e.page, e.totalPages, y())), L = () => e.page > 1, b = () => e.page < e.totalPages, o = (r) => {
     if (e.disabled) return;
     const a = Math.max(1, Math.min(r, e.totalPages));
     a !== e.page && e.onChange?.(a);
-  }, y = (r) => {
-    const a = r.target, n = parseInt(a.value, 10);
-    isNaN(n) || o(n), a.value = "";
-  }, f = (r) => {
+  }, S = (r) => {
+    const a = r.target, l = parseInt(a.value, 10);
+    isNaN(l) || o(l), a.value = "";
+  }, p = (r) => {
     const a = () => r.onClick?.();
     return (() => {
-      var n = W();
-      return n.$$click = a, s(n, () => r.children), g((i) => {
-        var d = r.isActive ? "inset" : "raised", l = r.isActive ? "page" : void 0, v = r.disabled || e.disabled, C = r.title, _ = p("inline-flex items-center justify-center rounded-md font-medium transition-colors duration-150 cursor-pointer", h().button, r.isActive ? "bg-primary text-primary-foreground" : "bg-background text-foreground hover:bg-muted border border-border", (r.disabled || e.disabled) && "opacity-50 cursor-not-allowed");
-        return d !== i.e && x(n, "data-floe-surface", i.e = d), l !== i.t && x(n, "aria-current", i.t = l), v !== i.a && (n.disabled = i.a = v), C !== i.o && x(n, "title", i.o = C), _ !== i.i && w(n, i.i = _), i;
+      var l = W();
+      return l.$$click = a, s(l, () => r.children), g((i) => {
+        var c = r.isActive ? "inset" : "raised", n = r.isActive ? "page" : void 0, h = r.disabled || e.disabled, C = r.title, k = f("inline-flex items-center justify-center rounded-sm font-medium", "transition-[background-color,border-color,color] duration-[var(--floe-duration-fast)] ease-[var(--floe-ease-out)] cursor-pointer", v().button, r.isActive ? "bg-[var(--floe-plane)] text-[var(--floe-ink)] border border-[var(--floe-accent-line)] shadow-[var(--floe-elevation-raised)]" : "bg-transparent text-[var(--floe-ink-soft)] border border-[var(--floe-line)] hover:border-[var(--floe-line-strong)] hover:bg-[var(--floe-state-hover)] hover:text-[var(--floe-ink)]", (r.disabled || e.disabled) && "opacity-50 cursor-not-allowed");
+        return c !== i.e && m(l, "data-floe-surface", i.e = c), n !== i.t && m(l, "aria-current", i.t = n), h !== i.a && (l.disabled = i.a = h), C !== i.o && m(l, "title", i.o = C), k !== i.i && w(l, i.i = k), i;
       }, {
         e: void 0,
         t: void 0,
         a: void 0,
         o: void 0,
         i: void 0
-      }), n;
+      }), l;
     })();
   };
   return t(H, {
     get children() {
       return [t(N, {
         get when() {
-          return $() === "simple";
+          return _() === "simple";
         },
         get children() {
-          var r = X(), a = r.firstChild, n = a.firstChild, i = n.nextSibling;
+          var r = X(), a = r.firstChild, l = a.firstChild, i = l.nextSibling;
           return i.nextSibling, M(r, I({
             get class() {
-              return p("flex items-center gap-2", e.class);
+              return f("flex items-center gap-2", e.class);
             }
-          }, m), !1, !0), s(r, t(f, {
+          }, x), !1, !0), s(r, t(p, {
             get disabled() {
               return !L();
             },
@@ -111,7 +111,7 @@ function ue(c) {
                 class: "w-4 h-4"
               });
             }
-          }), a), s(a, () => e.page, i), s(a, () => e.totalPages, null), s(r, t(f, {
+          }), a), s(a, () => e.page, i), s(a, () => e.totalPages, null), s(r, t(p, {
             get disabled() {
               return !b();
             },
@@ -122,24 +122,24 @@ function ue(c) {
                 class: "w-4 h-4"
               });
             }
-          }), null), g(() => w(a, p("text-muted-foreground px-2", h().text))), r;
+          }), null), g(() => w(a, f("text-[var(--floe-ink-soft)] px-2", v().text))), r;
         }
       }), t(N, {
         get when() {
-          return $() === "minimal";
+          return _() === "minimal";
         },
         get children() {
-          var r = Y(), a = r.firstChild, n = a.firstChild;
+          var r = Y(), a = r.firstChild, l = a.firstChild;
           return M(r, I({
             get class() {
-              return p("flex items-center gap-1", e.class);
+              return f("flex items-center gap-1", e.class);
             }
-          }, m), !1, !0), s(r, t(k, {
+          }, x), !1, !0), s(r, t($, {
             get when() {
               return e.showFirstLast;
             },
             get children() {
-              return t(f, {
+              return t(p, {
                 get disabled() {
                   return !L();
                 },
@@ -152,7 +152,7 @@ function ue(c) {
                 }
               });
             }
-          }), a), s(r, t(f, {
+          }), a), s(r, t(p, {
             get disabled() {
               return !L();
             },
@@ -163,7 +163,7 @@ function ue(c) {
                 class: "w-4 h-4"
               });
             }
-          }), a), s(a, () => e.page, n), s(a, () => e.totalPages, null), s(r, t(f, {
+          }), a), s(a, () => e.page, l), s(a, () => e.totalPages, null), s(r, t(p, {
             get disabled() {
               return !b();
             },
@@ -174,12 +174,12 @@ function ue(c) {
                 class: "w-4 h-4"
               });
             }
-          }), null), s(r, t(k, {
+          }), null), s(r, t($, {
             get when() {
               return e.showFirstLast;
             },
             get children() {
-              return t(f, {
+              return t(p, {
                 get disabled() {
                   return !b();
                 },
@@ -192,55 +192,55 @@ function ue(c) {
                 }
               });
             }
-          }), null), g(() => w(a, p("text-muted-foreground px-3 tabular-nums", h().text))), r;
+          }), null), g(() => w(a, f("text-[var(--floe-ink-soft)] px-3 tabular-nums", v().text))), r;
         }
       }), t(N, {
         get when() {
-          return $() === "default";
+          return _() === "default";
         },
         get children() {
           var r = re(), a = r.firstChild;
           return M(r, I({
             get class() {
-              return p("flex items-center gap-4", e.class);
+              return f("flex items-center gap-4", e.class);
             }
-          }, m), !1, !0), s(r, t(k, {
+          }, x), !1, !0), s(r, t($, {
             get when() {
               return e.totalItems !== void 0;
             },
             get children() {
-              var n = Z(), i = n.firstChild;
-              return s(n, () => e.totalItems, i), g(() => w(n, p("text-muted-foreground", h().text))), n;
+              var l = Z(), i = l.firstChild;
+              return s(l, () => e.totalItems, i), g(() => w(l, f("text-[var(--floe-ink-soft)]", v().text))), l;
             }
-          }), a), s(r, t(k, {
+          }), a), s(r, t($, {
             get when() {
               return J(() => !!e.showPageSize)() && e.pageSizes;
             },
             get children() {
-              var n = ee(), i = n.firstChild, d = i.nextSibling;
-              return d.addEventListener("change", (l) => e.onPageSizeChange?.(parseInt(l.target.value, 10))), s(d, t(E, {
+              var l = ee(), i = l.firstChild, c = i.nextSibling;
+              return c.addEventListener("change", (n) => e.onPageSizeChange?.(parseInt(n.target.value, 10))), s(c, t(E, {
                 get each() {
                   return e.pageSizes;
                 },
-                children: (l) => (() => {
-                  var v = ne();
-                  return v.value = l, s(v, l), v;
+                children: (n) => (() => {
+                  var h = le();
+                  return h.value = n, s(h, n), h;
                 })()
-              })), g((l) => {
-                var v = p("text-muted-foreground", h().text), C = e.disabled, _ = p("rounded-md border border-border bg-background px-2 focus:outline-none", h().input, e.disabled && "opacity-50 cursor-not-allowed");
-                return v !== l.e && w(i, l.e = v), C !== l.t && (d.disabled = l.t = C), _ !== l.a && w(d, l.a = _), l;
+              })), g((n) => {
+                var h = f("text-[var(--floe-ink-soft)]", v().text), C = e.disabled, k = f("rounded-control border border-[var(--floe-line)] bg-background px-2 focus:outline-none", v().input, e.disabled && "opacity-50 cursor-not-allowed");
+                return h !== n.e && w(i, n.e = h), C !== n.t && (c.disabled = n.t = C), k !== n.a && w(c, n.a = k), n;
               }, {
                 e: void 0,
                 t: void 0,
                 a: void 0
-              }), g(() => d.value = e.pageSize), n;
+              }), g(() => c.value = e.pageSize), l;
             }
-          }), a), s(a, t(k, {
+          }), a), s(a, t($, {
             get when() {
               return e.showFirstLast;
             },
             get children() {
-              return t(f, {
+              return t(p, {
                 get disabled() {
                   return !L();
                 },
@@ -253,7 +253,7 @@ function ue(c) {
                 }
               });
             }
-          }), null), s(a, t(f, {
+          }), null), s(a, t(p, {
             get disabled() {
               return !L();
             },
@@ -268,20 +268,20 @@ function ue(c) {
             get each() {
               return z();
             },
-            children: (n) => n === "ellipsis" ? (() => {
-              var i = le();
+            children: (l) => l === "ellipsis" ? (() => {
+              var i = ne();
               return s(i, t(ie, {
                 class: "w-4 h-4"
-              })), g(() => w(i, p("px-2 text-muted-foreground", h().text))), i;
-            })() : t(f, {
-              page: n,
+              })), g(() => w(i, f("px-2 text-[var(--floe-ink-soft)]", v().text))), i;
+            })() : t(p, {
+              page: l,
               get isActive() {
-                return n === e.page;
+                return l === e.page;
               },
-              onClick: () => o(n),
-              children: n
+              onClick: () => o(l),
+              children: l
             })
-          }), null), s(a, t(f, {
+          }), null), s(a, t(p, {
             get disabled() {
               return !b();
             },
@@ -292,12 +292,12 @@ function ue(c) {
                 class: "w-4 h-4"
               });
             }
-          }), null), s(a, t(k, {
+          }), null), s(a, t($, {
             get when() {
               return e.showFirstLast;
             },
             get children() {
-              return t(f, {
+              return t(p, {
                 get disabled() {
                   return !b();
                 },
@@ -310,22 +310,22 @@ function ue(c) {
                 }
               });
             }
-          }), null), s(r, t(k, {
+          }), null), s(r, t($, {
             get when() {
               return e.showJumpTo;
             },
             get children() {
-              var n = te(), i = n.firstChild, d = i.nextSibling;
-              return d.addEventListener("blur", y), d.$$keydown = (l) => l.key === "Enter" && y(l), g((l) => {
-                var v = p("text-muted-foreground", h().text), C = e.totalPages, _ = String(e.page), F = e.disabled, B = p("rounded-md border border-border bg-background px-2 text-center", "focus:outline-none", "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none", h().input, e.disabled && "opacity-50 cursor-not-allowed");
-                return v !== l.e && w(i, l.e = v), C !== l.t && x(d, "max", l.t = C), _ !== l.a && x(d, "placeholder", l.a = _), F !== l.o && (d.disabled = l.o = F), B !== l.i && w(d, l.i = B), l;
+              var l = te(), i = l.firstChild, c = i.nextSibling;
+              return c.addEventListener("blur", S), c.$$keydown = (n) => n.key === "Enter" && S(n), g((n) => {
+                var h = f("text-[var(--floe-ink-soft)]", v().text), C = e.totalPages, k = String(e.page), F = e.disabled, B = f("rounded-control border border-[var(--floe-line)] bg-background px-2 text-center", "focus:outline-none", "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none", v().input, e.disabled && "opacity-50 cursor-not-allowed");
+                return h !== n.e && w(i, n.e = h), C !== n.t && m(c, "max", n.t = C), k !== n.a && m(c, "placeholder", n.a = k), F !== n.o && (c.disabled = n.o = F), B !== n.i && w(c, n.i = B), n;
               }, {
                 e: void 0,
                 t: void 0,
                 a: void 0,
                 o: void 0,
                 i: void 0
-              }), n;
+              }), l;
             }
           }), null), r;
         }

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

@@ -0,0 +1,33 @@
+import { type JSX } from 'solid-js';
+export type PopoverPlacement = 'bottom-start' | 'bottom-center' | 'bottom-end' | 'top-start' | 'top-center' | 'top-end';
+export interface PopoverProps {
+    /** The element that opens the panel. It keeps its own layout and semantics. */
+    trigger: JSX.Element;
+    children: JSX.Element | ((close: () => void) => JSX.Element);
+    /** Controlled visibility. Omit for uncontrolled use with `defaultOpen`. */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: PopoverPlacement;
+    /** Accessible name for the panel. */
+    ariaLabel?: string;
+    /** Panel width in CSS pixels. Content can still shrink below it. */
+    width?: number;
+    class?: string;
+    /** Reset the trigger boundary onto an input surface instead of a plain button. */
+    triggerInputSurface?: boolean;
+    /**
+     * Panel content that owns its own pointer semantics, such as a native text
+     * selection, still closes on outside pointer input.
+     */
+    closeOnEscape?: boolean;
+}
+/**
+ * A non-modal anchored panel.
+ *
+ * Unlike Dropdown it carries no menu semantics: the panel is a plain labelled
+ * region, so it can host forms, previews, or reading content. Placement,
+ * portal ownership, and exit motion reuse the same primitives as the menu so
+ * both layers move and dismiss identically.
+ */
+export declare function Popover(props: PopoverProps): JSX.Element;

package/dist/components/ui/Popover.js

@@ -0,0 +1,133 @@
+import { setAttribute as i, insert as g, createComponent as R, Portal as M, spread as H, mergeProps as T, memo as z, effect as j, template as k, use as S, delegateEvents as q } from "solid-js/web";
+import { createSignal as O, createMemo as N, createEffect as U, onCleanup as K, Show as W } from "solid-js";
+import { cn as D } from "../../utils/cn.js";
+import { calculateMenuPosition as G } from "./menuUtils.js";
+import { LOCAL_INTERACTION_SURFACE_ATTR as J } from "./localInteractionSurface.js";
+import { createFloatingPresence as Q } from "./floatingPresence.js";
+import { useOverlayMask as V } from "../../hooks/useOverlayMask.js";
+import { resolveSurfacePortalHost as X, projectSurfacePortalPosition as Y, isSurfacePortalMode as Z, resolveSurfacePortalMount as ee, resolveSurfacePortalBoundaryRect as te } from "./dialogSurfaceScope.js";
+var oe = /* @__PURE__ */ k("<div data-floe-popover-panel role=dialog aria-modal=false data-floe-surface=floating>"), ne = /* @__PURE__ */ k('<div class="relative inline-flex"><div class=inline-flex data-floe-popover-trigger aria-haspopup=dialog>');
+let re = 0;
+function me(n) {
+  const h = () => n.open !== void 0, [B, A] = O(n.defaultOpen ?? !1), s = () => h() ? !!n.open : B(), c = (o) => {
+    h() || A(o), o !== s() && n.onOpenChange?.(o);
+  }, r = Q({
+    open: s,
+    element: () => l
+  }), [w, v] = O({
+    x: -9999,
+    y: -9999
+  });
+  let a, l;
+  const p = `floe-popover-${re += 1}`, b = `${p}-panel`, u = N(() => r.mounted() ? X({
+    owner: a
+  }) : {
+    host: null,
+    boundaryHost: null,
+    mountHost: null,
+    mode: "global"
+  }), F = () => ee(u()), y = () => Z(u()), I = () => te(u()), x = (o) => Y(o, u()), P = () => (n.placement ?? "bottom-start").startsWith("top") ? "top" : "bottom", L = () => (n.placement ?? "bottom-start").slice(P() === "top" ? 5 : 7), _ = () => c(!1);
+  V({
+    open: r.mounted,
+    root: () => l,
+    containsTarget: (o) => {
+      const e = o instanceof Element ? o : document.activeElement;
+      return e?.closest(`[data-floe-popover="${p}"]`) ? !0 : !!a?.contains(e ?? null);
+    },
+    onClose: () => c(!1),
+    onEscapeOutside: () => c(!1),
+    lockBodyScroll: !1,
+    trapFocus: !1,
+    autoFocus: !1,
+    restoreFocus: !1,
+    blockHotkeys: !1,
+    closeOnEscape: () => n.closeOnEscape === !1 ? !1 : "inside",
+    escapeKeyPhase: "bubble"
+  });
+  const E = () => {
+    if (!a || !l) return;
+    const o = G(a.getBoundingClientRect(), l.getBoundingClientRect(), L(), I());
+    if (P() === "top") {
+      const e = a.getBoundingClientRect(), f = l.getBoundingClientRect();
+      v({
+        x: o.x,
+        y: e.top - f.height - 6
+      });
+      return;
+    }
+    v(o);
+  };
+  return U(() => {
+    if (!r.mounted()) {
+      v({
+        x: -9999,
+        y: -9999
+      });
+      return;
+    }
+    const o = requestAnimationFrame(E), e = () => E();
+    window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), K(() => {
+      cancelAnimationFrame(o), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+    });
+  }), (() => {
+    var o = ne(), e = o.firstChild;
+    i(o, "data-floe-popover", p), e.$$keydown = (t) => {
+      t.key === "Escape" && s() && (t.stopPropagation(), c(!1));
+    }, e.$$click = () => c(!s());
+    var f = a;
+    return typeof f == "function" ? S(f, e) : a = e, g(e, () => n.trigger), g(o, R(W, {
+      get when() {
+        return r.mounted();
+      },
+      get children() {
+        return R(M, {
+          get mount() {
+            return F();
+          },
+          get children() {
+            var t = oe(), d = l;
+            return typeof d == "function" ? S(d, t) : l = t, i(t, "id", b), H(t, T({
+              get class() {
+                return D(y() ? "absolute z-20" : "fixed z-50", "bg-popover text-popover-foreground", "rounded-panel border border-[var(--floe-line)]", "shadow-[var(--floe-window-shadow)]", "floe-floating-presence floe-floating-menu", n.class);
+              },
+              get "data-floating-presence"() {
+                return r.state();
+              },
+              get "aria-hidden"() {
+                return r.exiting() ? "true" : void 0;
+              },
+              get "aria-label"() {
+                return n.ariaLabel;
+              },
+              get style() {
+                return {
+                  left: `${x(w()).x}px`,
+                  top: `${x(w()).y}px`,
+                  "min-width": n.width ? `${n.width}px` : void 0,
+                  "max-width": "min(calc(100vw - 24px), 420px)"
+                };
+              }
+            }, () => ({
+              [J]: y() ? "true" : void 0
+            })), !1, !0), g(t, (() => {
+              var m = z(() => typeof n.children == "function");
+              return () => m() ? n.children(_) : n.children;
+            })()), t;
+          }
+        });
+      }
+    }), null), j((t) => {
+      var d = n.triggerInputSurface ? "true" : void 0, m = n.triggerInputSurface ? "inset" : void 0, $ = s(), C = r.mounted() ? b : void 0;
+      return d !== t.e && i(e, "data-floe-input-surface", t.e = d), m !== t.t && i(e, "data-floe-surface", t.t = m), $ !== t.a && i(e, "aria-expanded", t.a = $), C !== t.o && i(e, "aria-controls", t.o = C), t;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    }), o;
+  })();
+}
+q(["click", "keydown"]);
+export {
+  me as Popover
+};