@floegence/floe-webapp-core 0.86.60 → 0.86.62

package/dist/components/ui/floatingPresence.js

@@ -1,62 +1,103 @@
-import { createMemo as g, untrack as t, createSignal as p, createEffect as T, onCleanup as M } from "solid-js";
-function h() {
-  return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+import { createMemo as q, untrack as u, createSignal as P, createEffect as w, onCleanup as A } from "solid-js";
+const O = 120;
+function v() {
+  const e = globalThis.matchMedia;
+  return typeof e != "function" ? !1 : e.call(globalThis, "(prefers-reduced-motion: reduce)").matches;
 }
-function u(e) {
-  return typeof window < "u" && typeof window.requestAnimationFrame == "function" ? window.requestAnimationFrame(e) : globalThis.setTimeout(e, 16);
+function p(e) {
+  const t = globalThis.requestAnimationFrame;
+  return typeof t == "function" ? t.call(globalThis, e) : globalThis.setTimeout(e, 16);
 }
-function F(e) {
-  if (typeof window < "u" && typeof window.cancelAnimationFrame == "function") {
-    window.cancelAnimationFrame(e);
+function R(e) {
+  const t = globalThis.cancelAnimationFrame;
+  if (typeof t == "function") {
+    t.call(globalThis, e);
     return;
   }
   globalThis.clearTimeout(e);
 }
-function y(e) {
-  return h() ? Math.max(0, e.reducedMotionExitDurationMs ?? 1) : Math.max(0, e.exitDurationMs ?? 160);
+function W(e) {
+  const t = /^\s*(-?\d*\.?\d+)(ms|s)\s*$/.exec(e);
+  if (!t) return null;
+  const i = Number.parseFloat(t[1]);
+  return Number.isFinite(i) ? t[2] === "s" ? i * 1e3 : i : null;
 }
-function A(e) {
-  const o = g(() => e.open()), s = t(o), [a, m] = p(s), [l, i] = p(s ? "entering" : "exiting");
-  let n = null, r = null;
-  const c = () => {
-    n !== null && (F(n), n = null);
-  }, d = () => {
-    r !== null && (globalThis.clearTimeout(r), r = null);
+function _(e) {
+  const t = globalThis.getComputedStyle;
+  if (!e || typeof t != "function") return null;
+  const i = t.call(globalThis, e), c = i.transitionDuration.split(","), a = { properties: /* @__PURE__ */ new Set(), longestMs: 0 };
+  return i.transitionProperty.split(",").forEach((f, l) => {
+    const n = f.trim();
+    if (n === "" || n === "none") return;
+    const r = W(c[l % c.length] ?? "0s");
+    r === null || r <= 1 || (a.properties.add(n), a.longestMs = Math.max(a.longestMs, r));
+  }), a.properties.size > 0 ? a : null;
+}
+function z(e) {
+  const t = q(() => e.open()), i = u(t), [c, a] = P(i), [f, l] = P(i ? "entering" : "exiting");
+  let n = null, r = null, d = null;
+  const h = () => {
+    n !== null && (R(n), n = null);
+  }, g = () => {
+    r !== null && (globalThis.clearTimeout(r), r = null), d?.(), d = null;
   };
-  return T(() => {
-    if (o()) {
-      if (d(), c(), t(a) && t(l) === "exiting") {
-        i("open");
+  return w(() => {
+    if (t()) {
+      if (h(), g(), u(c) && u(f) === "exiting") {
+        l("open");
         return;
       }
-      m(!0), i("entering"), n = u(() => {
-        n = null, t(o) && i("open");
+      a(!0), l("entering"), n = p(() => {
+        n = null, u(t) && l("open");
       });
       return;
     }
-    if (c(), !t(a)) {
-      i("exiting");
+    if (h(), !u(c)) {
+      l("exiting");
+      return;
+    }
+    l("exiting");
+    const T = () => {
+      n = null, g(), u(t) || a(!1);
+    }, o = e.element?.(), x = v() ? null : _(o);
+    if (o && x) {
+      const b = /* @__PURE__ */ new Set(), E = /* @__PURE__ */ new Set();
+      let F = !1;
+      const S = () => {
+        F || (F = !0, T());
+      }, L = (s) => s.target === o && x.properties.has(s.propertyName), N = (s) => {
+        L(s) && b.add(s.propertyName);
+      }, m = (s) => {
+        if (L(s)) {
+          b.add(s.propertyName), E.add(s.propertyName);
+          for (const C of b)
+            if (!E.has(C)) return;
+          S();
+        }
+      };
+      o.addEventListener("transitionrun", N), o.addEventListener("transitionend", m), o.addEventListener("transitioncancel", m), d = () => {
+        o.removeEventListener("transitionrun", N), o.removeEventListener("transitionend", m), o.removeEventListener("transitioncancel", m);
+      };
+      const D = Math.max(x.longestMs, e.exitDurationMs ?? 0) + O;
+      r = globalThis.setTimeout(S, D);
       return;
     }
-    i("exiting");
-    const f = y(e), w = () => {
-      n = null, t(o) || m(!1);
-    }, x = () => {
+    const M = v() ? Math.max(0, e.reducedMotionExitDurationMs ?? 1) : Math.max(0, e.exitDurationMs ?? 160), y = () => {
       n = null, r = globalThis.setTimeout(() => {
-        r = null, f <= 1 ? w() : n = u(w);
-      }, f);
+        r = null, M <= 1 ? T() : n = p(T);
+      }, M);
     };
-    f <= 1 ? x() : n = u(() => {
-      n = u(x);
+    M <= 1 ? y() : n = p(() => {
+      n = p(y);
     });
-  }), M(() => {
-    c(), d();
+  }), A(() => {
+    h(), g();
   }), {
-    mounted: a,
-    state: l,
-    exiting: () => l() === "exiting"
+    mounted: c,
+    state: f,
+    exiting: () => f() === "exiting"
   };
 }
 export {
-  A as createFloatingPresence
+  z as createFloatingPresence
 };

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

@@ -16,13 +16,14 @@ export { resolveFloatingWindowViewport, type FloatingWindowRect, type FloatingWi
 export { Dropdown, Select, type DropdownProps, type DropdownItem, type SelectProps, } from './Dropdown';
 export { SurfaceFloatingLayer, type SurfaceFloatingLayerPosition, type SurfaceFloatingLayerProps, type SurfaceFloatingLayerSize, } from './SurfaceFloatingLayer';
 export { Tooltip, type TooltipProps } from './Tooltip';
+export { Popover, type PopoverProps, type PopoverPlacement, } from './Popover';
 export { CommandPalette } from './CommandPalette';
 export { InfiniteCanvas, type InfiniteCanvasProps, type InfiniteCanvasPoint, type InfiniteCanvasContextMenuEvent, } from './InfiniteCanvas';
 export { startPointerSession, type PointerSessionController, type PointerSessionEndEvent, type PointerSessionEndReason, type PointerSessionSnapshot, type StartPointerSessionOptions, } from './pointerSession';
 export { clientToCanvasLocal, clientToCanvasWorld, createViewportFromZoomAnchor, isPointInsideCanvasRect, localToCanvasWorld, type CanvasClientPoint, type CanvasLocalPoint, type CanvasViewportLike, type CanvasViewportRectLike, type CanvasWorldPoint, } from './canvasGeometry';
 export { CANVAS_WHEEL_INTERACTIVE_ATTR, DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR, LOCAL_INTERACTION_SURFACE_ATTR, DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR, WORKBENCH_TEXT_SELECTION_SURFACE_ATTR, DEFAULT_WORKBENCH_TEXT_SELECTION_SURFACE_SELECTOR, WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR, DEFAULT_WORKBENCH_WIDGET_ACTIVATION_SURFACE_SELECTOR, WORKBENCH_WIDGET_SHELL_ATTR, DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR, isLocalInteractionSurfaceTarget, resolveSurfaceInteractionTargetRole, resolveSurfaceWheelRouting, resolveWorkbenchWidgetEventOwnership, resolveWorkbenchWidgetTextSelectionTarget, resolveWorkbenchWidgetLocalTypingTarget, shouldActivateWorkbenchWidgetLocalTarget, type SurfaceInteractionRoutingOptions, type SurfaceInteractionTargetRole, type SurfaceWheelLocalReason, type SurfaceWheelRoutingDecision, type SurfaceWheelRoutingOptions, type WorkbenchWidgetEventOwnership, type WorkbenchWidgetEventOwnershipOptions, type WorkbenchWidgetLocalActivationTargetOptions, } from './localInteractionSurface';
 export { DIALOG_SURFACE_HOST_ATTR, SURFACE_PORTAL_HOST_ATTR, SURFACE_PORTAL_LAYER_ATTR, DIALOG_SURFACE_BOUNDARY_ATTR, ensureSurfacePortalInteractionTracking, isSurfacePortalMode, projectSurfacePortalPosition, projectSurfacePortalRect, resolveSurfacePortalBoundaryRect, resolveSurfacePortalHost, resolveSurfacePortalMount, resolveSurfacePortalMountRect, __resetSurfacePortalScopeForTests, type ResolvedSurfacePortalHost, type SurfacePortalBoundaryRect, type SurfacePortalInteractionSnapshot, type SurfacePortalMode, type SurfacePortalRect, } from './surfacePortalScope';
-export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, Interactive3DCard, AnimatedBorderCard, NeonCard, MorphCard, type CardProps, type CardVariant, type CardHeaderProps, type CardTitleProps, type CardDescriptionProps, type CardContentProps, type CardFooterProps, type Interactive3DCardProps, type AnimatedBorderCardProps, type NeonCardProps, type MorphCardProps, } from './Card';
+export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, type CardProps, type CardVariant, type CardHeaderProps, type CardTitleProps, type CardDescriptionProps, type CardContentProps, type CardFooterProps, } from './Card';
 export { Tabs, TabPanel, type TabsProps, type TabPanelProps, type TabItem, type TabsFeatures, type TabsSlotClassNames, type TabsIndicatorMode, type TabsIndicatorColorToken, } from './Tabs';
 export { DirectoryPicker, type DirectoryPickerProps } from './DirectoryPicker';
 export { DirectoryInput, type DirectoryInputProps, type DirectoryInputSize, } from './DirectoryInput';

package/dist/components/ui/picker/DirectoryFavorites.js

@@ -1,14 +1,14 @@
-import { createComponent as l, insert as m, memo as S, effect as p, template as k, use as g, delegateEvents as D } from "solid-js/web";
+import { createComponent as l, insert as v, memo as S, effect as p, template as k, use as g, delegateEvents as D } from "solid-js/web";
 import { createSignal as E, createEffect as b, on as L, onCleanup as B, Show as w } from "solid-js";
-import { Star as F } from "../../icons/index.js";
+import { Star as x } from "../../icons/index.js";
 import { Button as C } from "../Button.js";
 import { SurfaceFloatingLayer as M } from "../SurfaceFloatingLayer.js";
 import { useOverlayMask as P } from "../../../hooks/useOverlayMask.js";
-var _ = /* @__PURE__ */ k('<div class="flex min-w-0 items-center">'), R = /* @__PURE__ */ k('<button type=button role=menuitem class="flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-xs hover:bg-accent focus:bg-accent focus:outline-none">');
+var _ = /* @__PURE__ */ k('<div class="flex min-w-0 items-center">'), R = /* @__PURE__ */ k('<button type=button role=menuitem class="flex w-full cursor-pointer items-center gap-2 rounded-xs px-2 py-1.5 text-left text-xs hover:bg-[var(--floe-state-selected)] focus:bg-[var(--floe-state-selected)] focus:outline-none">');
 function z(e) {
-  const [s, f] = E(!1), a = () => e.favorites.paths.includes(e.path), u = () => a() ? e.copy.unfavoriteDirectory : e.copy.favoriteDirectory, v = async () => {
+  const [c, f] = E(!1), a = () => e.favorites.paths.includes(e.path), u = () => a() ? e.copy.unfavoriteDirectory : e.copy.favoriteDirectory, m = async () => {
     const n = e.favorites, d = e.path;
-    if (!(!n.editable || !n.onSetFavorite || s() || e.disabled || n.pendingPaths?.includes(d))) {
+    if (!(!n.editable || !n.onSetFavorite || c() || e.disabled || n.pendingPaths?.includes(d))) {
       f(!0), e.onError?.("");
       try {
         await n.onSetFavorite(d, !a());
@@ -34,9 +34,9 @@ function z(e) {
       return a();
     },
     get loading() {
-      return s() || e.favorites.pendingPaths?.includes(e.path);
+      return c() || e.favorites.pendingPaths?.includes(e.path);
     },
-    icon: () => l(F, {
+    icon: () => l(x, {
       get class() {
         return a() ? "h-3.5 w-3.5 fill-current text-warning" : "h-3.5 w-3.5";
       }
@@ -45,15 +45,15 @@ function z(e) {
       return e.disabled || !e.favorites.editable || !e.favorites.onSetFavorite;
     },
     onClick: () => {
-      v();
+      m();
     }
   });
 }
 function Y(e) {
-  const [s, f] = E();
-  let a, u, v;
+  const [c, f] = E();
+  let a, u, m;
   const n = (o = !1) => {
-    const r = s()?.owner;
+    const r = c()?.owner;
     f(void 0), o && r?.isConnected && r.focus();
   }, d = (o) => {
     if (!e.favorites?.editable || e.disabled) return;
@@ -69,8 +69,8 @@ function Y(e) {
     }), queueMicrotask(() => u?.focus());
   };
   return b(L(() => e.scopeKey, () => n())), P({
-    open: () => !!s(),
-    root: () => v,
+    open: () => !!c(),
+    root: () => m,
     onClose: () => n(!0),
     closeOnEscape: !0,
     lockBodyScroll: !1,
@@ -79,7 +79,7 @@ function Y(e) {
     restoreFocus: !1,
     blockHotkeys: !1
   }), b(() => {
-    if (!s()) return;
+    if (!c()) return;
     const o = (t) => {
       (!(t.target instanceof Element) || !t.target.closest("[data-picker-favorite-menu]")) && n();
     }, r = (t) => {
@@ -94,7 +94,7 @@ function Y(e) {
       (t.key === "ContextMenu" || t.shiftKey && t.key === "F10") && d(t);
     }, o.$$contextmenu = d;
     var r = a;
-    return typeof r == "function" ? g(r, o) : a = o, m(o, () => e.children, null), m(o, l(w, {
+    return typeof r == "function" ? g(r, o) : a = o, v(o, () => e.children, null), v(o, l(w, {
       get when() {
         return e.favorites;
       },
@@ -115,9 +115,9 @@ function Y(e) {
           return e.onError;
         }
       })
-    }), null), m(o, l(w, {
+    }), null), v(o, l(w, {
       get when() {
-        return s();
+        return c();
       },
       children: (t) => l(M, {
         get position() {
@@ -131,25 +131,25 @@ function Y(e) {
           height: 40
         },
         layerRef: (i) => {
-          v = i;
+          m = i;
         },
         "data-picker-favorite-menu": "",
         role: "menu",
-        class: "z-50 rounded-md border border-border bg-background p-1 shadow-lg",
+        class: "z-50 rounded-panel border border-[var(--floe-line)] bg-background p-1 shadow-[var(--floe-elevation-float)]",
         get children() {
           var i = R();
           i.$$click = () => {
-            const c = t();
-            if (!c.favorites.editable || c.favorites.pendingPaths?.includes(c.path)) return;
-            const $ = e.onError, x = e.copy.favoritesLoadFailed;
-            n(!0), c.favorites.onSetFavorite?.(c.path, c.favorite).catch((h) => $(h instanceof Error ? h.message : x));
+            const s = t();
+            if (!s.favorites.editable || s.favorites.pendingPaths?.includes(s.path)) return;
+            const F = e.onError, $ = e.copy.favoritesLoadFailed;
+            n(!0), s.favorites.onSetFavorite?.(s.path, s.favorite).catch((h) => F(h instanceof Error ? h.message : $));
           };
           var y = u;
-          return typeof y == "function" ? g(y, i) : u = i, m(i, l(F, {
+          return typeof y == "function" ? g(y, i) : u = i, v(i, l(x, {
             class: "h-3.5 w-3.5"
-          }), null), m(i, (() => {
-            var c = S(() => !!t().favorite);
-            return () => c() ? e.copy.favoriteDirectory : e.copy.unfavoriteDirectory;
+          }), null), v(i, (() => {
+            var s = S(() => !!t().favorite);
+            return () => s() ? e.copy.favoriteDirectory : e.copy.unfavoriteDirectory;
           })(), null), p(() => i.disabled = !t().favorites.editable || !t().favorites.onSetFavorite || t().favorites.pendingPaths?.includes(t().path)), i;
         }
       })