@floegence/floe-webapp-core 0.35.32 → 0.35.34

package/dist/components/layout/Sidebar.js

@@ -1,71 +1,72 @@
-import { insert as l, effect as o, className as c, setStyleProperty as u, setAttribute as g, memo as $, template as d, delegateEvents as y } from "solid-js/web";
+import { insert as l, effect as s, setAttribute as f, className as c, setStyleProperty as u, memo as w, template as o, delegateEvents as S } from "solid-js/web";
 import "solid-js";
-import { cn as s } from "../../utils/cn.js";
-var _ = /* @__PURE__ */ d('<aside data-floe-shell-slot=sidebar data-floe-geometry-surface=shell-sidebar><div class="flex-1 overflow-auto overscroll-contain">'), w = /* @__PURE__ */ d("<div>"), S = /* @__PURE__ */ d("<section><div class=flex-1>"), k = /* @__PURE__ */ d('<div class="flex items-center justify-between px-2.5 py-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/60"><span>'), C = /* @__PURE__ */ d('<button type=button><span class="flex-1 truncate text-left">'), I = /* @__PURE__ */ d('<span class="flex-shrink-0 w-4 h-4 opacity-60">');
-function A(e) {
-  const t = () => e.collapsed ?? !1, a = () => e.width ?? 350;
+import { cn as v } from "../../utils/cn.js";
+var k = /* @__PURE__ */ o('<aside data-floe-shell-slot=sidebar data-floe-geometry-surface=shell-sidebar><div class="flex-1 overflow-auto overscroll-contain">'), _ = /* @__PURE__ */ o("<div>"), C = /* @__PURE__ */ o("<section><div class=flex-1>"), I = /* @__PURE__ */ o('<div class="flex items-center justify-between px-2.5 py-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/60"><span>'), L = /* @__PURE__ */ o('<button type=button><span class="flex-1 truncate text-left">'), M = /* @__PURE__ */ o('<span class="flex-shrink-0 w-4 h-4 opacity-60">');
+function E(e) {
+  const t = () => e.collapsed ?? !1, a = () => e.width ?? 350, n = () => e.visibilityMotion ?? "animated";
   return (() => {
-    var i = _(), n = i.firstChild;
-    return l(n, () => e.children), l(i, () => e.resizer, null), o((r) => {
-      var v = s("relative h-full flex flex-col shrink-0 min-h-0", "bg-sidebar text-sidebar-foreground", "border-r border-sidebar-border", "overflow-hidden", "transition-[width] duration-150 ease-out", e.class), f = t() ? "0px" : `${a()}px`, b = t() ? "hidden" : "visible", h = t() ? "0px" : void 0, x = e.ariaLabel, m = t() ? "true" : void 0;
-      return v !== r.e && c(i, r.e = v), f !== r.t && u(i, "width", r.t = f), b !== r.a && u(i, "visibility", r.a = b), h !== r.o && u(i, "border-right-width", r.o = h), x !== r.i && g(i, "aria-label", r.i = x), m !== r.n && g(i, "aria-hidden", r.n = m), r;
+    var i = k(), d = i.firstChild;
+    return l(d, () => e.children), l(i, () => e.resizer, null), s((r) => {
+      var b = n(), m = v("relative h-full flex flex-col shrink-0 min-h-0", "bg-sidebar text-sidebar-foreground", "border-r border-sidebar-border", "overflow-hidden", n() === "animated" && "transition-[width] duration-150 ease-out", e.class), h = t() ? "0px" : `${a()}px`, x = t() ? "hidden" : "visible", g = t() ? "0px" : void 0, y = e.ariaLabel, $ = t() ? "true" : void 0;
+      return b !== r.e && f(i, "data-floe-sidebar-visibility-motion", r.e = b), m !== r.t && c(i, r.t = m), h !== r.a && u(i, "width", r.a = h), x !== r.o && u(i, "visibility", r.o = x), g !== r.i && u(i, "border-right-width", r.i = g), y !== r.n && f(i, "aria-label", r.n = y), $ !== r.s && f(i, "aria-hidden", r.s = $), r;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
       o: void 0,
       i: void 0,
-      n: void 0
+      n: void 0,
+      s: void 0
     }), i;
   })();
 }
-function E(e) {
+function N(e) {
   return (() => {
-    var t = w();
-    return l(t, () => e.children), o(() => c(t, s("p-2.5 space-y-3", e.class))), t;
+    var t = _();
+    return l(t, () => e.children), s(() => c(t, v("p-2.5 space-y-3", e.class))), t;
   })();
 }
-function N(e) {
+function P(e) {
   return (() => {
-    var t = w();
-    return l(t, () => e.children), o(() => c(t, s("space-y-0.5", e.class))), t;
+    var t = _();
+    return l(t, () => e.children), s(() => c(t, v("space-y-0.5", e.class))), t;
   })();
 }
-function P(e) {
+function q(e) {
   return (() => {
-    var t = S(), a = t.firstChild;
+    var t = C(), a = t.firstChild;
     return l(t, (() => {
-      var i = $(() => !!e.title);
-      return () => i() && (() => {
-        var n = k(), r = n.firstChild;
-        return l(r, () => e.title), l(n, () => e.actions, null), n;
+      var n = w(() => !!e.title);
+      return () => n() && (() => {
+        var i = I(), d = i.firstChild;
+        return l(d, () => e.title), l(i, () => e.actions, null), i;
       })();
-    })(), a), l(a, () => e.children), o(() => c(t, s("flex flex-col", e.class))), t;
+    })(), a), l(a, () => e.children), s(() => c(t, v("flex flex-col", e.class))), t;
   })();
 }
-function q(e) {
+function B(e) {
   return (() => {
-    var t = C(), a = t.firstChild;
+    var t = L(), a = t.firstChild;
     return t.$$click = () => e.onClick?.(), l(t, (() => {
-      var i = $(() => !!e.icon);
-      return () => i() && (() => {
-        var n = I();
-        return l(n, () => e.icon), n;
+      var n = w(() => !!e.icon);
+      return () => n() && (() => {
+        var i = M();
+        return l(i, () => e.icon), i;
       })();
-    })(), a), l(a, () => e.children), o((i) => {
-      var n = s("w-full flex items-center gap-2 px-2.5 py-1.5 text-xs cursor-pointer", "transition-colors duration-75", "hover:bg-sidebar-accent/80 hover:text-sidebar-accent-foreground", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring", e.active && "bg-sidebar-accent text-sidebar-accent-foreground font-medium", e.class), r = e.indent ? `${10 + e.indent * 10}px` : void 0;
-      return n !== i.e && c(t, i.e = n), r !== i.t && u(t, "padding-left", i.t = r), i;
+    })(), a), l(a, () => e.children), s((n) => {
+      var i = v("w-full flex items-center gap-2 px-2.5 py-1.5 text-xs cursor-pointer", "transition-colors duration-75", "hover:bg-sidebar-accent/80 hover:text-sidebar-accent-foreground", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring", e.active && "bg-sidebar-accent text-sidebar-accent-foreground font-medium", e.class), d = e.indent ? `${10 + e.indent * 10}px` : void 0;
+      return i !== n.e && c(t, n.e = i), d !== n.t && u(t, "padding-left", n.t = d), n;
     }, {
       e: void 0,
       t: void 0
     }), t;
   })();
 }
-y(["click"]);
+S(["click"]);
 export {
-  A as Sidebar,
-  E as SidebarContent,
-  q as SidebarItem,
-  N as SidebarItemList,
-  P as SidebarSection
+  E as Sidebar,
+  N as SidebarContent,
+  B as SidebarItem,
+  P as SidebarItemList,
+  q as SidebarSection
 };

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

@@ -0,0 +1,22 @@
+import type { SidebarVisibilityMotion } from '../../context/LayoutContext';
+export interface SidebarVisibilityMotionResolverArgs {
+    currentActiveId: string;
+    nextActiveId: string;
+    openSidebar: boolean;
+    source: 'activity-bar';
+    isMobile: boolean;
+}
+export interface ResolveShellSidebarActiveTabChangeArgs {
+    currentActiveId: string;
+    nextActiveId: string;
+    requestedOpenSidebar?: boolean;
+    sidebarHidden: boolean;
+    nextActiveFullScreen: boolean;
+    isMobile: boolean;
+    resolveSidebarVisibilityMotion?: (args: SidebarVisibilityMotionResolverArgs) => SidebarVisibilityMotion | undefined;
+}
+export interface ResolvedShellSidebarActiveTabChange {
+    openSidebar: boolean;
+    visibilityMotion?: SidebarVisibilityMotion;
+}
+export declare function resolveShellSidebarActiveTabChange(args: ResolveShellSidebarActiveTabChangeArgs): ResolvedShellSidebarActiveTabChange;

package/dist/components/layout/sidebarVisibilityMotion.js

@@ -0,0 +1,16 @@
+function t(e) {
+  const i = e.sidebarHidden ? !1 : e.requestedOpenSidebar ?? !e.nextActiveFullScreen;
+  return {
+    openSidebar: i,
+    visibilityMotion: e.resolveSidebarVisibilityMotion?.({
+      currentActiveId: e.currentActiveId,
+      nextActiveId: e.nextActiveId,
+      openSidebar: i,
+      source: "activity-bar",
+      isMobile: e.isMobile
+    })
+  };
+}
+export {
+  t as resolveShellSidebarActiveTabChange
+};

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

@@ -32,7 +32,6 @@ export declare function resolveDropdownTriggerKeyAction(key: string, options: {
     open: boolean;
     hasSelection: boolean;
 }): DropdownTriggerAction | null;
-export declare function getWrappedMenuItemIndex(length: number, currentIndex: number, delta: 1 | -1): number | null;
 /**
  * Dropdown menu component with cascade submenu support
  */