@bigbinary/neeto-site-blocks 2.0.0 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -17230,10 +17230,18 @@ var PricingInCardView = function PricingInCardView(_ref) {
17230
17230
  button = _ref2.button,
17231
17231
  features = _ref2.features;
17232
17232
  var pricing = renderPricing(pricingPlan, yearlyPricing, monthlyPricing);
17233
+ var currRow = Math.floor(index / 3) + 1;
17234
+ var totalRows = Math.ceil(tiers.length / 3);
17233
17235
  return /*#__PURE__*/jsxRuntime.jsxs(StyledWrapper, {
17234
17236
  design: design.tierBlock,
17235
- className: classnames__default["default"]("col-span-12 inline-flex flex-col justify-between sm:col-span-6 lg:col-span-4", {
17236
- "sm:col-span-6": tiers.length <= 2
17237
+ className: classnames__default["default"]("inline-flex flex-col justify-between", {
17238
+ // 1 tier: center it with col-start-3 and span 8
17239
+ "col-span-4 col-start-5": currRow === totalRows && tiers.length % 3 === 1,
17240
+ // 2 tiers: center them in col 3–10 (each takes 4 columns)
17241
+ "col-span-4 col-start-3": currRow === totalRows && tiers.length % 3 === 2 && index % 3 === 0,
17242
+ "col-span-4 col-start-7": currRow === totalRows && tiers.length % 3 === 2 && index % 3 === 1,
17243
+ // 3 tiers: natural 4-column layout across all 12
17244
+ "col-span-12 sm:col-span-6 lg:col-span-4": tiers.length % 3 === 0 || currRow !== totalRows
17237
17245
  }),
17238
17246
  children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
17239
17247
  children: [/*#__PURE__*/jsxRuntime.jsx(Typography$1, _objectSpread$2(_objectSpread$2({