@floegence/floe-webapp-core 0.35.13 → 0.35.14

package/dist/components/layout/MobileTabBar.js

@@ -1,7 +1,7 @@
-import { insert as a, createComponent as c, effect as k, className as v, template as f, Dynamic as I, memo as L, setAttribute as w, use as F, delegateEvents as W } from "solid-js/web";
-import { createSignal as C, onMount as M, onCleanup as R, Show as x, For as j } from "solid-js";
+import { insert as a, createComponent as c, effect as k, className as v, template as f, Dynamic as _, memo as I, setAttribute as w, use as L, delegateEvents as F } from "solid-js/web";
+import { createSignal as C, onMount as W, onCleanup as M, Show as x, For as R } from "solid-js";
 import { cn as b } from "../../utils/cn.js";
-import { deferNonBlocking as $ } from "../../utils/defer.js";
+import { deferNonBlocking as j } from "../../utils/defer.js";
 var q = /* @__PURE__ */ f('<div class="absolute left-0 top-0 bottom-0 w-8 bg-gradient-to-r from-background to-transparent z-10 pointer-events-none">'), z = /* @__PURE__ */ f('<div class="absolute right-0 top-0 bottom-0 w-8 bg-gradient-to-l from-background to-transparent z-10 pointer-events-none">'), B = /* @__PURE__ */ f('<nav data-floe-shell-slot=mobile-tab-bar style=border-top-color:var(--bottom-bar-border)><div class="relative h-14"><div class="h-full flex items-center overflow-x-auto scrollbar-hide snap-x snap-mandatory"style=-webkit-overflow-scrolling:touch>'), E = /* @__PURE__ */ f("<span>"), N = /* @__PURE__ */ f('<div class="absolute bottom-0 left-1/2 -translate-x-1/2 w-8 h-0.5 bg-primary rounded-t">'), T = /* @__PURE__ */ f("<button type=button role=tab><div></div><span>");
 function K(e) {
   let n;
@@ -20,14 +20,14 @@ function K(e) {
       });
     }
   };
-  return M(() => {
+  return W(() => {
     d();
     const o = e.items.findIndex((l) => l.id === e.activeId);
     if (o > 0 && n) {
       const l = n.scrollWidth / e.items.length;
       n.scrollLeft = Math.max(0, l * o - n.clientWidth / 2 + l / 2);
     }
-  }), R(() => {
+  }), M(() => {
     r !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(r), r = null);
   }), (() => {
     var o = B(), l = o.firstChild, u = l.firstChild;
@@ -47,7 +47,7 @@ function K(e) {
       }
     }), u), u.addEventListener("scroll", h);
     var y = n;
-    return typeof y == "function" ? F(y, u) : n = u, a(u, c(j, {
+    return typeof y == "function" ? L(y, u) : n = u, a(u, c(R, {
       get each() {
         return e.items;
       },
@@ -58,8 +58,8 @@ function K(e) {
         },
         onClick: () => {
           "vibrate" in navigator && navigator.vibrate(10);
-          const A = m.onClick, S = e.onSelect, _ = m.id;
-          m.onClick ? $(() => A()) : $(() => S(_));
+          const $ = m.onClick, A = e.onSelect, S = m.id;
+          m.onClick ? j(() => $()) : A(S);
         }
       })
     })), k(() => v(o, b(
@@ -74,7 +74,7 @@ function D(e) {
   const n = () => typeof e.item.badge == "function" ? e.item.badge() : e.item.badge;
   return (() => {
     var i = T(), s = i.firstChild, g = s.nextSibling;
-    return i.$$click = () => e.onClick(), a(s, c(I, {
+    return i.$$click = () => e.onClick(), a(s, c(_, {
       get component() {
         return e.item.icon;
       },
@@ -86,7 +86,7 @@ function D(e) {
       get children() {
         var t = E();
         return a(t, (() => {
-          var r = L(() => typeof n() == "number" && n() > 99);
+          var r = I(() => typeof n() == "number" && n() > 99);
           return () => r() ? "99+" : n();
         })()), k(() => v(t, b("absolute -top-1 -right-2 min-w-4 h-4 px-1", "flex items-center justify-center", "text-[10px] font-medium rounded-full", "bg-primary text-primary-foreground"))), t;
       }
@@ -98,7 +98,7 @@ function D(e) {
         return N();
       }
     }), null), k((t) => {
-      var r = b("relative flex-shrink-0 flex flex-col items-center justify-center", "min-w-16 h-full px-4 snap-center", "transition-all duration-150", "focus:outline-none focus-visible:bg-muted", e.isActive ? "text-primary" : "text-muted-foreground active:text-foreground"), d = e.item.label, h = e.isActive, o = b("relative transition-transform duration-150", e.isActive && "scale-110"), l = b("mt-1 text-[10px] font-medium truncate max-w-full", e.isActive && "font-semibold");
+      var r = b("relative flex-shrink-0 flex flex-col items-center justify-center", "min-w-16 h-full px-4 snap-center", "transition-[color] duration-150", "focus:outline-none focus-visible:bg-muted", e.isActive ? "text-primary" : "text-muted-foreground active:text-foreground"), d = e.item.label, h = e.isActive, o = b("relative transition-transform duration-150", e.isActive && "scale-110"), l = b("mt-1 text-[10px] font-medium truncate max-w-full", e.isActive && "font-semibold");
       return r !== t.e && v(i, t.e = r), d !== t.t && w(i, "aria-label", t.t = d), h !== t.a && w(i, "aria-selected", t.a = h), o !== t.o && v(s, t.o = o), l !== t.i && v(g, t.i = l), t;
     }, {
       e: void 0,
@@ -109,7 +109,7 @@ function D(e) {
     }), i;
   })();
 }
-W(["click"]);
+F(["click"]);
 export {
   K as MobileTabBar
 };

package/dist/components/layout/ResizeHandle.d.ts

@@ -1,6 +1,8 @@
 export interface ResizeHandleProps {
     direction: 'horizontal' | 'vertical';
     onResize: (delta: number) => void;
+    onResizeStart?: () => void;
+    onResizeEnd?: () => void;
     class?: string;
 }
 /**

package/dist/components/layout/ResizeHandle.js

@@ -1,58 +1,59 @@
-import { effect as A, className as f, setAttribute as C, template as R, use as F, delegateEvents as S } from "solid-js/web";
-import { createSignal as k, onCleanup as q } from "solid-js";
-import { cn as p } from "../../utils/cn.js";
-import { lockBodyStyle as B } from "../../utils/bodyStyleLock.js";
-var E = /* @__PURE__ */ R("<div role=separator style=touch-action:none><div></div><div>");
-function N(i) {
-  const [l, v] = k(!1);
-  let o = 0, r = 0, u = null, s, a = null, c = null;
-  const g = (t) => {
+import { effect as D, className as f, setAttribute as A, template as C, use as S, delegateEvents as k } from "solid-js/web";
+import { createSignal as F, onCleanup as H } from "solid-js";
+import { cn as g } from "../../utils/cn.js";
+import { startHotInteraction as E } from "../../utils/hotInteraction.js";
+var q = /* @__PURE__ */ C("<div role=separator style=touch-action:none><div></div><div>");
+function N(e) {
+  const [a, p] = F(!1);
+  let n = 0, o = 0, s = null, u, l = null, c = null;
+  const v = (t) => {
     if (!t) {
       c?.(), c = null;
       return;
     }
-    c?.(), c = B({
-      cursor: i.direction === "horizontal" ? "col-resize" : "row-resize",
-      "user-select": "none"
+    c?.(), c = E({
+      kind: "resize",
+      cursor: e.direction === "horizontal" ? "col-resize" : "row-resize",
+      lockUserSelect: !0
     });
   }, m = () => {
-    if (!l()) return;
-    a !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(a), a = null);
-    const t = r - o;
-    t !== 0 && (i.onResize(t), o = r), v(!1), u = null, g(!1);
-  }, h = (t) => i.direction === "horizontal" ? t.clientX : t.clientY, x = (t) => {
-    t.pointerType === "mouse" && t.button !== 0 || (t.preventDefault(), u = t.pointerId, v(!0), o = h(t), r = o, g(!0), s?.setPointerCapture(t.pointerId));
-  }, $ = (t) => {
-    if (!(!l() || u !== t.pointerId) && (r = h(t), a === null)) {
+    if (!a()) return;
+    l !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(l), l = null);
+    const t = o - n;
+    t !== 0 && (e.onResize(t), n = o), p(!1), s = null, v(!1), e.onResizeEnd?.();
+  }, h = (t) => e.direction === "horizontal" ? t.clientX : t.clientY, x = (t) => {
+    t.pointerType === "mouse" && t.button !== 0 || (t.preventDefault(), s = t.pointerId, p(!0), n = h(t), o = n, v(!0), e.onResizeStart?.(), u?.setPointerCapture(t.pointerId));
+  }, R = (t) => {
+    if (!(!a() || s !== t.pointerId) && (o = h(t), l === null)) {
       if (typeof requestAnimationFrame > "u") {
-        const n = r - o;
-        n !== 0 && (i.onResize(n), o = r);
+        const i = o - n;
+        i !== 0 && (e.onResize(i), n = o);
         return;
       }
-      a = requestAnimationFrame(() => {
-        if (a = null, !l()) return;
-        const n = r - o;
-        n !== 0 && (i.onResize(n), o = r);
+      l = requestAnimationFrame(() => {
+        if (l = null, !a()) return;
+        const i = o - n;
+        i !== 0 && (e.onResize(i), n = o);
       });
     }
   }, y = (t) => {
-    if (u === t.pointerId) {
+    if (s === t.pointerId) {
       try {
-        s?.releasePointerCapture(t.pointerId);
+        u?.releasePointerCapture(t.pointerId);
       } catch {
       }
       m();
     }
   };
-  q(() => m());
-  const d = () => i.direction === "horizontal";
+  H(() => m());
+  const d = () => e.direction === "horizontal";
   return (() => {
-    var t = E(), n = t.firstChild, D = n.nextSibling;
-    t.addEventListener("pointercancel", y), t.$$pointerup = y, t.$$pointermove = $, t.$$pointerdown = x;
-    var b = s;
-    return typeof b == "function" ? F(b, t) : s = t, A((e) => {
-      var z = p("absolute z-20 group", d() ? "top-0 right-0 w-1 h-full cursor-col-resize hover:w-1.5" : "left-0 top-0 h-1 w-full cursor-row-resize hover:h-1.5", "transition-all duration-100", l() && "bg-primary", !l() && "hover:bg-primary/50", i.class), w = d() ? "vertical" : "horizontal", P = p("absolute pointer-events-none", d() ? "top-0 bottom-0 left-1/2 w-px -translate-x-1/2" : "left-0 right-0 top-1/2 h-px -translate-y-1/2", l() && "bg-primary opacity-100", !l() && "bg-primary/50 opacity-0 group-hover:opacity-100"), I = p("absolute opacity-0 group-hover:opacity-100 transition-opacity duration-150", d() ? "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-0.5 h-8 rounded-full bg-muted-foreground/30" : "left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 h-0.5 w-8 rounded-full bg-muted-foreground/30");
-      return z !== e.e && f(t, e.e = z), w !== e.t && C(t, "aria-orientation", e.t = w), P !== e.a && f(n, e.a = P), I !== e.o && f(D, e.o = I), e;
+    var t = q(), i = t.firstChild, $ = i.nextSibling;
+    t.addEventListener("pointercancel", y), t.$$pointerup = y, t.$$pointermove = R, t.$$pointerdown = x;
+    var z = u;
+    return typeof z == "function" ? S(z, t) : u = t, D((r) => {
+      var b = g("absolute z-20 group", d() ? "top-0 right-0 w-1 h-full cursor-col-resize hover:w-1.5 transition-[background-color,width] duration-100" : "left-0 top-0 h-1 w-full cursor-row-resize hover:h-1.5 transition-[background-color,height] duration-100", a() && "bg-primary", !a() && "hover:bg-primary/50", e.class), w = d() ? "vertical" : "horizontal", I = g("absolute pointer-events-none", d() ? "top-0 bottom-0 left-1/2 w-px -translate-x-1/2" : "left-0 right-0 top-1/2 h-px -translate-y-1/2", a() && "bg-primary opacity-100", !a() && "bg-primary/50 opacity-0 group-hover:opacity-100"), P = g("absolute opacity-0 group-hover:opacity-100 transition-opacity duration-150", d() ? "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-0.5 h-8 rounded-full bg-muted-foreground/30" : "left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 h-0.5 w-8 rounded-full bg-muted-foreground/30");
+      return b !== r.e && f(t, r.e = b), w !== r.t && A(t, "aria-orientation", r.t = w), I !== r.a && f(i, r.a = I), P !== r.o && f($, r.o = P), r;
     }, {
       e: void 0,
       t: void 0,
@@ -61,7 +62,7 @@ function N(i) {
     }), t;
   })();
 }
-S(["pointerdown", "pointermove", "pointerup"]);
+k(["pointerdown", "pointermove", "pointerup"]);
 export {
   N as ResizeHandle
 };