@akinon/pz-theme 2.0.124-beta.0 → 2.0.124

package/CHANGELOG.md

@@ -1,12 +1,12 @@
 # @akinon/pz-theme
 
-## 2.0.124-beta.0
+## 2.0.124
 
 ### Patch Changes
 
-- Updated dependencies [cbbbfd757]
-  - @akinon/next@2.0.124-beta.0
-  - @akinon/theme-contract@2.0.124-beta.0
+- 676b365: ZERO-5038: Wire up the Slider block's Center Mode and fix its slide-gap responsive parsing
+  - @akinon/next@2.0.124
+  - @akinon/theme-contract@2.0.124
 
 ## 2.0.123
 

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@akinon/pz-theme",
   "description": "Theme package for Project Zero Next — ThemePlaceholder system and theme editor infrastructure",
-  "version": "2.0.124-beta.0",
+  "version": "2.0.124",
   "license": "MIT",
   "main": "src/index.ts",
   "scripts": {
     "test": "jest"
   },
   "peerDependencies": {
-    "@akinon/next": "2.0.124-beta.0",
+    "@akinon/next": "2.0.124",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@akinon/theme-contract": "2.0.124-beta.0",
+    "@akinon/theme-contract": "2.0.124",
     "clsx": "2.1.1",
     "lottie-web": "^5.13.0",
     "react-multi-carousel": "2.8.4",
@@ -21,7 +21,7 @@
     "zod": "4.4.1"
   },
   "devDependencies": {
-    "@akinon/next": "2.0.124-beta.0",
+    "@akinon/next": "2.0.124",
     "@testing-library/jest-dom": "5.16.4",
     "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.1.1",

package/src/blocks/slider-block.tsx

@@ -232,7 +232,15 @@ const SliderBlock: React.FC<BlockRendererProps> = ({
     0
   );
   const mobilePeek = parseNumber(getResponsiveValue(slidePeek, 'mobile', 0), 0);
-  const partialVisible = desktopPeek > 0 || mobilePeek > 0;
+  // react-multi-carousel treats `partialVisible` and `centerMode` as mutually
+  // exclusive in its own transform math (`getTransform` picks one branch or
+  // the other) — centerMode wins here so a stale slide-peek value left over
+  // from the old asymmetric setup cannot silently cancel it.
+  const centerModeConfig = getConfigEntry('center-mode');
+  const centerMode = Boolean(
+    getResponsiveValue(centerModeConfig, currentBreakpoint, false)
+  );
+  const partialVisible = !centerMode && (desktopPeek > 0 || mobilePeek > 0);
 
   /**
    * Where this slider's two bands meet, and why the number moved.
@@ -312,7 +320,15 @@ const SliderBlock: React.FC<BlockRendererProps> = ({
   );
   const autoPlaySpeed = parseNumber(autoPlaySpeedRaw, 3000);
 
-  const slideGap = parseNumber(getConfigEntry('slide-gap'), 16);
+  // `getConfigEntry` hands back the raw responsive object `{desktop, mobile}`
+  // when a designer sets this per breakpoint — the ordinary, panel-driven way
+  // to set it — and `Number({...})` is `NaN`, so `parseNumber` silently fell
+  // through to the 16 default no matter what was authored. A flat number
+  // still works exactly as before.
+  const slideGap = parseNumber(
+    getResponsiveValue(getConfigEntry('slide-gap'), currentBreakpoint, 16),
+    16
+  );
   const slidePadding = slideGap / 2;
 
   /*
@@ -1086,6 +1102,7 @@ const SliderBlock: React.FC<BlockRendererProps> = ({
            */
           {...carouselSsr.carouselProps}
           partialVisible={partialVisible}
+          centerMode={centerMode}
           slidesToSlide={currentSlidesToSlide}
           swipeable={true}
           draggable={true}