@omerdlw/base-framework 2.0.0 → 2.0.1

package/dist/{chunk-KKQT46TP.js → chunk-6ZJVLUBE.js}

@@ -1,8 +1,8 @@
 import { modalModule } from './chunk-FIMPHODX.js';
 import { ambientModule } from './chunk-QXR55VVS.js';
 import { backgroundModule } from './chunk-CGHZSSFR.js';
-import { contextMenuModule } from './chunk-65ZB4QTQ.js';
-import { dockModule } from './chunk-3MSK4XGK.js';
+import { contextMenuModule } from './chunk-SKBITB5X.js';
+import { dockModule } from './chunk-A5RE3F6O.js';
 import { notificationModule } from './chunk-SYAVGTOX.js';
 import { mediaModule } from './chunk-R2YGFJDJ.js';
 import { controlsModule } from './chunk-4GMQKD6F.js';
@@ -22,5 +22,5 @@ var defaultModules = Object.freeze([
 ]);
 
 export { defaultModules };
-//# sourceMappingURL=chunk-KKQT46TP.js.map
-//# sourceMappingURL=chunk-KKQT46TP.js.map
+//# sourceMappingURL=chunk-6ZJVLUBE.js.map
+//# sourceMappingURL=chunk-6ZJVLUBE.js.map

package/dist/{chunk-KKQT46TP.js.map → chunk-6ZJVLUBE.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/modules/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAsBO,IAAM,cAAA,GAAiB,OAAO,MAAA,CAAO;AAAA,EAC1C,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,cAAA;AAAA,EACA,iBAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAU","file":"chunk-KKQT46TP.js","sourcesContent":["import { ambientModule } from \"./ambient/module\";\nimport { backgroundModule } from \"./background/module\";\nimport { contextMenuModule } from \"./context-menu/module\";\nimport { controlsModule } from \"./controls/module\";\nimport { dockModule } from \"./dock/module\";\nimport { loadingModule } from \"./loading/module\";\nimport { mediaModule } from \"./media/module\";\nimport { modalModule } from \"./modal/module\";\nimport { notificationModule } from \"./notification/module\";\n\nexport {\n  ambientModule,\n  backgroundModule,\n  contextMenuModule,\n  controlsModule,\n  dockModule,\n  loadingModule,\n  mediaModule,\n  modalModule,\n  notificationModule,\n};\n\nexport const defaultModules = Object.freeze([\n  backgroundModule,\n  ambientModule,\n  dockModule,\n  controlsModule,\n  contextMenuModule,\n  loadingModule,\n  mediaModule,\n  modalModule,\n  notificationModule,\n] as const);\n"]}
+{"version":3,"sources":["../src/modules/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAsBO,IAAM,cAAA,GAAiB,OAAO,MAAA,CAAO;AAAA,EAC1C,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,cAAA;AAAA,EACA,iBAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAU","file":"chunk-6ZJVLUBE.js","sourcesContent":["import { ambientModule } from \"./ambient/module\";\nimport { backgroundModule } from \"./background/module\";\nimport { contextMenuModule } from \"./context-menu/module\";\nimport { controlsModule } from \"./controls/module\";\nimport { dockModule } from \"./dock/module\";\nimport { loadingModule } from \"./loading/module\";\nimport { mediaModule } from \"./media/module\";\nimport { modalModule } from \"./modal/module\";\nimport { notificationModule } from \"./notification/module\";\n\nexport {\n  ambientModule,\n  backgroundModule,\n  contextMenuModule,\n  controlsModule,\n  dockModule,\n  loadingModule,\n  mediaModule,\n  modalModule,\n  notificationModule,\n};\n\nexport const defaultModules = Object.freeze([\n  backgroundModule,\n  ambientModule,\n  dockModule,\n  controlsModule,\n  contextMenuModule,\n  loadingModule,\n  mediaModule,\n  modalModule,\n  notificationModule,\n] as const);\n"]}

package/dist/{chunk-3MSK4XGK.js → chunk-A5RE3F6O.js}

@@ -1608,6 +1608,10 @@ var DOCK_COMPOSITOR_STYLE = Object.freeze({
   backfaceVisibility: "hidden",
   transform: "translateZ(0)"
 });
+var DOCK_UNSEEN_EXIT = Object.freeze({
+  opacity: 0,
+  transition: Object.freeze({ duration: 0 })
+});
 var DOCK_SURFACE_DRAG_CONSTRAINTS = Object.freeze({
   top: 0,
   bottom: 0
@@ -2796,7 +2800,6 @@ function useDockHeightController({
   const heightRef = useRef({ content: 0 });
   const rafRef = useRef(null);
   const isHudRef = useRef(isHud);
-  const surfacePhaseRef = useRef(surfacePhase);
   const lastAppliedContainerHeightRef = useRef(
     isHud ? DOCK_CARD_LAYOUT.hudHeight : DOCK_CARD_LAYOUT.baseHeight
   );
@@ -2805,19 +2808,15 @@ function useDockHeightController({
   );
   useIsomorphicLayoutEffect(() => {
     isHudRef.current = isHud;
-    surfacePhaseRef.current = surfacePhase;
-  }, [isHud, surfacePhase]);
+  }, [isHud]);
   const applyHeight = useCallback(() => {
     if (rafRef.current !== null) {
       cancelAnimationFrame(rafRef.current);
       rafRef.current = null;
     }
     const { content } = heightRef.current;
-    const currentPhase = surfacePhaseRef.current;
-    const isLockedToBaseHeight = currentPhase === DOCK_SURFACE_PHASE.DISMISSING_ACTION || currentPhase === DOCK_SURFACE_PHASE.COLLAPSING_BODY || currentPhase === DOCK_SURFACE_PHASE.RESTORING_HEADER;
-    const computedContentHeight = isLockedToBaseHeight ? 0 : content;
     const height = getContainerHeight({
-      cardContentHeight: computedContentHeight,
+      cardContentHeight: content,
       isHud: isHudRef.current
     });
     const totalSpacerHeight = height + DOCK_HEIGHT_BUFFER;
@@ -3672,6 +3671,16 @@ function sortToolbarActionsByOrder(actions) {
     (left, right) => (right.order ?? 0) - (left.order ?? 0)
   );
 }
+var PAGE_FACING_SURFACE_PHASES = /* @__PURE__ */ new Set([
+  DOCK_SURFACE_PHASE.DISMISSING_ACTION,
+  DOCK_SURFACE_PHASE.COLLAPSING_BODY,
+  DOCK_SURFACE_PHASE.RESTORING_HEADER
+]);
+function isSurfaceLayerShown(item) {
+  return Boolean(
+    item?.isSurface && !PAGE_FACING_SURFACE_PHASES.has(item.surfacePhase ?? "")
+  );
+}
 function isActionlessDockItem(activeItem) {
   const isSurfaceActive = Boolean(
     activeItem?.isSurface && activeItem?.surfacePhase !== DOCK_SURFACE_PHASE.RESTORING_HEADER
@@ -3784,10 +3793,13 @@ function ownsPathname(path, pathname) {
   return !path || isInlineActionPathMatch(path, pathname);
 }
 function useActionSlot(item, pathname, { isTop = false } = {}) {
-  const { action, isLoading, isOverlay, path, isStatus, isSurface } = item;
+  const { isLoading, path, isStatus, isSurface, surfacePhase } = item;
+  const isOverlay = Boolean(item.isOverlay && !isSurface);
+  const action = isSurface ? item.restingAction : item.action;
+  const showsSurface = isSurfaceLayerShown({ isSurface, surfacePhase });
   const hasMedia = useDockHasMedia();
   return useMemo(() => {
-    if (isLoading || isOverlay && !isStatus || isSurface) return null;
+    if (isLoading || isOverlay && !isStatus || showsSurface) return null;
     if (isStatus) {
       return action && isRenderableAction(action) ? { kind: "action", action } : null;
     }
@@ -3806,7 +3818,7 @@ function useActionSlot(item, pathname, { isTop = false } = {}) {
     isLoading,
     isOverlay,
     isStatus,
-    isSurface,
+    showsSurface,
     isTop,
     hasMedia,
     path,
@@ -3956,9 +3968,13 @@ function useDockCardItemModel({
       }
     };
   }, [effectiveStyle, isActive, isStatusCard, showBorder, theme]);
-  const renderedActionSlot = item.isSurface && !isHeaderRestoring || isTopHudActive ? null : actionSlot;
+  const showsSurfaceLayer = isSurfaceLayerShown(item);
+  const renderedActionSlot = showsSurfaceLayer || isTopHudActive ? null : actionSlot;
+  const isActionDismissed = Boolean(
+    item.isSurface && item.surfacePhase === DOCK_SURFACE_PHASE.DISMISSING_ACTION
+  );
   const hasNestedInteractiveContent = Boolean(
-    renderedActionSlot || item.isSurface && !isHeaderRestoring
+    renderedActionSlot || showsSurfaceLayer
   );
   const dockMotion = useDockMotion();
   const headerRestoreVariants = useMemo(() => {
@@ -4066,6 +4082,8 @@ function useDockCardItemModel({
     cardContentRef,
     itemStyle,
     renderedActionSlot,
+    isActionDismissed,
+    showsSurfaceLayer,
     hasNestedInteractiveContent,
     headerRestoreVariants,
     handleMouseEnter,
@@ -5163,6 +5181,7 @@ function applySurfaceToDockItem(item, rawSurfaceEntry, options = {}) {
     isSurface: true,
     isOverlay: true,
     ...activeSurface,
+    restingAction: item.action ?? null,
     restingWidth: item.width ?? null,
     surfacePhase,
     actions: null,
@@ -7834,6 +7853,7 @@ function StandardItemContent({
   badge,
   isActive = false,
   footerNode,
+  isActionDismissed = false,
   isHudActive = false,
   hud = null,
   clearHud = null,
@@ -7841,6 +7861,13 @@ function StandardItemContent({
   pathname
 }) {
   const dockMotion = useDockMotion();
+  const actionVariants = useMemo(
+    () => ({
+      ...dockMotion.variants.textCrossfade,
+      dismissed: dockMotion.variants.actionDismiss.exit
+    }),
+    [dockMotion]
+  );
   const {
     item,
     isPlaying,
@@ -7913,15 +7940,27 @@ function StandardItemContent({
             contextCommands
           }
         ),
-        footerNode ? /* @__PURE__ */ jsx(
-          "div",
+        /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", initial: false, children: footerNode ? /* @__PURE__ */ jsx(
+          motion.div,
           {
+            variants: actionVariants,
+            initial: "hidden",
+            animate: isActionDismissed ? "dismissed" : "visible",
+            exit: "exit",
+            transition: isActionDismissed ? dockMotion.transitions.actionDismiss : dockMotion.transitions.fade,
             className: theme.slots.cardFooter,
             style: theme.styles.cardFooter,
-            children: footerNode
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: theme.slots.cardAction,
+                onClick: stopPropagationOnly,
+                children: footerNode
+              }
+            )
           },
-          "dock-surface-footer"
-        ) : null
+          "dock-card-footer"
+        ) : null })
       ]
     },
     "dock-standard-content"
@@ -7964,6 +8003,8 @@ var DockCardItem = memo(function DockCardItem2({
     cardContentRef,
     itemStyle,
     renderedActionSlot,
+    isActionDismissed,
+    showsSurfaceLayer,
     hasNestedInteractiveContent,
     headerRestoreVariants,
     handleMouseEnter,
@@ -8005,6 +8046,7 @@ var DockCardItem = memo(function DockCardItem2({
   });
   const theme = useDockTheme();
   const renderedActionNode = renderActionSlot(renderedActionSlot);
+  const layerExit = isCollapsedBackgroundCard ? DOCK_UNSEEN_EXIT : "exit";
   if (isCollapsedGhostCard) {
     return /* @__PURE__ */ jsx(
       motion.div,
@@ -8105,13 +8147,13 @@ var DockCardItem = memo(function DockCardItem2({
               willChange: "transform",
               pointerEvents: !expanded && position > 0 && !isExtensionShelf ? "none" : "auto"
             },
-            children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", initial: false, children: item.isSurface && item.surfacePhase !== DOCK_SURFACE_PHASE.DISMISSING_ACTION && item.surfacePhase !== DOCK_SURFACE_PHASE.COLLAPSING_BODY && item.surfacePhase !== DOCK_SURFACE_PHASE.RESTORING_HEADER ? /* @__PURE__ */ jsx(
+            children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", initial: false, children: showsSurfaceLayer ? /* @__PURE__ */ jsx(
               motion.div,
               {
                 variants: dockMotion.variants.headerSwap,
                 initial: "hidden",
                 animate: "visible",
-                exit: "exit",
+                exit: layerExit,
                 transition: dockMotion.transitions.headerSwap,
                 style: DOCK_COMPOSITOR_STYLE,
                 className: theme.slots.cardSurface,
@@ -8124,7 +8166,7 @@ var DockCardItem = memo(function DockCardItem2({
                 variants: dockMotion.variants.extensionShelf,
                 initial: "hidden",
                 animate: "visible",
-                exit: "exit",
+                exit: layerExit,
                 transition: dockMotion.transitions.headerSwap,
                 style: DOCK_COMPOSITOR_STYLE,
                 className: theme.slots.cardShelf,
@@ -8137,7 +8179,7 @@ var DockCardItem = memo(function DockCardItem2({
                 variants: headerRestoreVariants,
                 initial: "hidden",
                 animate: item.surfacePhase === DOCK_SURFACE_PHASE.DISMISSING_ACTION ? "hidden" : "visible",
-                exit: "exit",
+                exit: layerExit,
                 transition: item.surfacePhase === DOCK_SURFACE_PHASE.DISMISSING_ACTION ? dockMotion.transitions.anticipation : dockMotion.transitions.headerSwap,
                 style: { ...DOCK_COMPOSITOR_STYLE, willChange: "transform" },
                 className: theme.slots.cardStandard,
@@ -8155,33 +8197,8 @@ var DockCardItem = memo(function DockCardItem2({
                     clearHud,
                     contextCommands,
                     pathname,
-                    footerNode: renderedActionNode ? /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", initial: false, children: item.surfacePhase === DOCK_SURFACE_PHASE.DISMISSING_ACTION ? /* @__PURE__ */ jsx(
-                      motion.div,
-                      {
-                        variants: dockMotion.variants.actionDismiss,
-                        initial: "visible",
-                        animate: "exit",
-                        exit: "exit",
-                        transition: dockMotion.transitions.actionDismiss,
-                        className: theme.slots.cardAction,
-                        onClick: stopPropagationOnly,
-                        children: /* @__PURE__ */ jsx(Suspense, { children: renderedActionNode })
-                      },
-                      "dock-action-component-dismiss"
-                    ) : /* @__PURE__ */ jsx(
-                      motion.div,
-                      {
-                        variants: dockMotion.variants.textCrossfade,
-                        initial: "hidden",
-                        animate: "visible",
-                        exit: "exit",
-                        transition: dockMotion.transitions.fade,
-                        className: theme.slots.cardAction,
-                        onClick: stopPropagationOnly,
-                        children: /* @__PURE__ */ jsx(Suspense, { children: renderedActionNode })
-                      },
-                      "dock-action-component"
-                    ) }) : null
+                    footerNode: renderedActionNode ? /* @__PURE__ */ jsx(Suspense, { children: renderedActionNode }) : null,
+                    isActionDismissed
                   }
                 )
               },
@@ -9884,5 +9901,5 @@ var dockModule = defineModule({
 });
 
 export { DOCK_EVENTS, DOCK_HUD_PRIORITY, DOCK_HUD_RENDER_MODE, DOCK_HUD_VARIANT, Dock, DockCardBanner, DockCardHeader, DockDescription, DockIcon, DockProvider, DockSurfaceAction, DockSurfaceExtension, DockSurfaceHeaderButton, DockTitle, ErrorActions, GuardActions, createDockGuardRegistry, createErrorStatus, createGuardStatus, createInlineSurfaceEntry, createSurfaceEntryDefinition, createSurfaceFlowBuilder, defineBreadcrumb, defineDockAction, defineHud, defineStepSurface, defineSurface, dockModule, dockTheme, isValidBannerUrl, useDock, useDockActionClass, useDockActions, useDockBanner, useDockConfig, useDockContextActions, useDockDimensions, useDockGuard, useDockHeight, useDockHud, useDockMotion, useDockRegistration, useDockSelector, useDockState, useDockTheme, useHud, useOptionalDockActions, useOptionalDockState, useSurface, useSurfaceAction, useSurfaceDimensions, useSurfaceFlow, useSurfaceHeader, useSurfaceId, useSurfaceReturn, useSurfaceStep };
-//# sourceMappingURL=chunk-3MSK4XGK.js.map
-//# sourceMappingURL=chunk-3MSK4XGK.js.map
+//# sourceMappingURL=chunk-A5RE3F6O.js.map
+//# sourceMappingURL=chunk-A5RE3F6O.js.map