@opensite/ui 2.9.4 → 2.9.6

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.
@@ -526,7 +526,8 @@ function ContactMap({
526
526
  }, [formEngineSetup]);
527
527
  const resolvedMapProps = React4__namespace.useMemo(() => {
528
528
  return {
529
- mapWrapperClassName: "h-full min-h-[420px] md:min-h-[520px]",
529
+ // Use explicit height to prevent MapLibre canvas expansion issues
530
+ mapWrapperClassName: "h-[520px]",
530
531
  panelPosition: "top-left",
531
532
  ...mapProps,
532
533
  className: cn("h-full w-full", mapClassName, mapProps?.className),
@@ -578,7 +579,21 @@ function ContactMap({
578
579
  ] }),
579
580
  renderForm
580
581
  ] }) }),
581
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-full", mapColumnClassName), children: /* @__PURE__ */ jsxRuntime.jsx(maps.GeoMap, { ...resolvedMapProps }) })
582
+ /* @__PURE__ */ jsxRuntime.jsx(
583
+ "div",
584
+ {
585
+ className: cn(
586
+ // Strict height containment to prevent MapLibre canvas expansion
587
+ "relative overflow-hidden",
588
+ mapColumnClassName
589
+ ),
590
+ style: {
591
+ height: "520px",
592
+ maxHeight: "90vh"
593
+ },
594
+ children: /* @__PURE__ */ jsxRuntime.jsx(maps.GeoMap, { ...resolvedMapProps })
595
+ }
596
+ )
582
597
  ]
583
598
  }
584
599
  )
@@ -505,7 +505,8 @@ function ContactMap({
505
505
  }, [formEngineSetup]);
506
506
  const resolvedMapProps = React4.useMemo(() => {
507
507
  return {
508
- mapWrapperClassName: "h-full min-h-[420px] md:min-h-[520px]",
508
+ // Use explicit height to prevent MapLibre canvas expansion issues
509
+ mapWrapperClassName: "h-[520px]",
509
510
  panelPosition: "top-left",
510
511
  ...mapProps,
511
512
  className: cn("h-full w-full", mapClassName, mapProps?.className),
@@ -557,7 +558,21 @@ function ContactMap({
557
558
  ] }),
558
559
  renderForm
559
560
  ] }) }),
560
- /* @__PURE__ */ jsx("div", { className: cn("h-full", mapColumnClassName), children: /* @__PURE__ */ jsx(GeoMap, { ...resolvedMapProps }) })
561
+ /* @__PURE__ */ jsx(
562
+ "div",
563
+ {
564
+ className: cn(
565
+ // Strict height containment to prevent MapLibre canvas expansion
566
+ "relative overflow-hidden",
567
+ mapColumnClassName
568
+ ),
569
+ style: {
570
+ height: "520px",
571
+ maxHeight: "90vh"
572
+ },
573
+ children: /* @__PURE__ */ jsx(GeoMap, { ...resolvedMapProps })
574
+ }
575
+ )
561
576
  ]
562
577
  }
563
578
  )
package/dist/registry.cjs CHANGED
@@ -16636,7 +16636,8 @@ function ContactMap({
16636
16636
  }, [formEngineSetup]);
16637
16637
  const resolvedMapProps = React32__namespace.useMemo(() => {
16638
16638
  return {
16639
- mapWrapperClassName: "h-full min-h-[420px] md:min-h-[520px]",
16639
+ // Use explicit height to prevent MapLibre canvas expansion issues
16640
+ mapWrapperClassName: "h-[520px]",
16640
16641
  panelPosition: "top-left",
16641
16642
  ...mapProps,
16642
16643
  className: cn("h-full w-full", mapClassName, mapProps?.className),
@@ -16688,7 +16689,21 @@ function ContactMap({
16688
16689
  ] }),
16689
16690
  renderForm
16690
16691
  ] }) }),
16691
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-full", mapColumnClassName), children: /* @__PURE__ */ jsxRuntime.jsx(maps.GeoMap, { ...resolvedMapProps }) })
16692
+ /* @__PURE__ */ jsxRuntime.jsx(
16693
+ "div",
16694
+ {
16695
+ className: cn(
16696
+ // Strict height containment to prevent MapLibre canvas expansion
16697
+ "relative overflow-hidden",
16698
+ mapColumnClassName
16699
+ ),
16700
+ style: {
16701
+ height: "520px",
16702
+ maxHeight: "90vh"
16703
+ },
16704
+ children: /* @__PURE__ */ jsxRuntime.jsx(maps.GeoMap, { ...resolvedMapProps })
16705
+ }
16706
+ )
16692
16707
  ]
16693
16708
  }
16694
16709
  )
@@ -47243,7 +47258,7 @@ function TestimonialsParallaxNumber({
47243
47258
  ) })
47244
47259
  ] }),
47245
47260
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 py-6 md:py-12 pl-4 md:pl-16", children: [
47246
- /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
47261
+ companyName ? /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
47247
47262
  framerMotion.motion.div,
47248
47263
  {
47249
47264
  initial: { opacity: 0, x: -20 },
@@ -47254,12 +47269,12 @@ function TestimonialsParallaxNumber({
47254
47269
  children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center gap-2 rounded-full border border-border px-4 py-2 text-sm", children: companyName })
47255
47270
  },
47256
47271
  activeIndex
47257
- ) }),
47272
+ ) }) : null,
47258
47273
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative mb-12 min-h-[140px]", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
47259
47274
  framerMotion.motion.blockquote,
47260
47275
  {
47261
47276
  className: cn(
47262
- "text-2xl md:text-4xl lg:text-5xl",
47277
+ "text-2xl md:text-3xl lg:text-4xl",
47263
47278
  "font-light leading-[1.15] tracking-tight",
47264
47279
  quoteClassName
47265
47280
  ),
package/dist/registry.js CHANGED
@@ -16596,7 +16596,8 @@ function ContactMap({
16596
16596
  }, [formEngineSetup]);
16597
16597
  const resolvedMapProps = React32.useMemo(() => {
16598
16598
  return {
16599
- mapWrapperClassName: "h-full min-h-[420px] md:min-h-[520px]",
16599
+ // Use explicit height to prevent MapLibre canvas expansion issues
16600
+ mapWrapperClassName: "h-[520px]",
16600
16601
  panelPosition: "top-left",
16601
16602
  ...mapProps,
16602
16603
  className: cn("h-full w-full", mapClassName, mapProps?.className),
@@ -16648,7 +16649,21 @@ function ContactMap({
16648
16649
  ] }),
16649
16650
  renderForm
16650
16651
  ] }) }),
16651
- /* @__PURE__ */ jsx("div", { className: cn("h-full", mapColumnClassName), children: /* @__PURE__ */ jsx(GeoMap, { ...resolvedMapProps }) })
16652
+ /* @__PURE__ */ jsx(
16653
+ "div",
16654
+ {
16655
+ className: cn(
16656
+ // Strict height containment to prevent MapLibre canvas expansion
16657
+ "relative overflow-hidden",
16658
+ mapColumnClassName
16659
+ ),
16660
+ style: {
16661
+ height: "520px",
16662
+ maxHeight: "90vh"
16663
+ },
16664
+ children: /* @__PURE__ */ jsx(GeoMap, { ...resolvedMapProps })
16665
+ }
16666
+ )
16652
16667
  ]
16653
16668
  }
16654
16669
  )
@@ -47203,7 +47218,7 @@ function TestimonialsParallaxNumber({
47203
47218
  ) })
47204
47219
  ] }),
47205
47220
  /* @__PURE__ */ jsxs("div", { className: "flex-1 py-6 md:py-12 pl-4 md:pl-16", children: [
47206
- /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
47221
+ companyName ? /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
47207
47222
  motion.div,
47208
47223
  {
47209
47224
  initial: { opacity: 0, x: -20 },
@@ -47214,12 +47229,12 @@ function TestimonialsParallaxNumber({
47214
47229
  children: /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-2 rounded-full border border-border px-4 py-2 text-sm", children: companyName })
47215
47230
  },
47216
47231
  activeIndex
47217
- ) }),
47232
+ ) }) : null,
47218
47233
  /* @__PURE__ */ jsx("div", { className: "relative mb-12 min-h-[140px]", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
47219
47234
  motion.blockquote,
47220
47235
  {
47221
47236
  className: cn(
47222
- "text-2xl md:text-4xl lg:text-5xl",
47237
+ "text-2xl md:text-3xl lg:text-4xl",
47223
47238
  "font-light leading-[1.15] tracking-tight",
47224
47239
  quoteClassName
47225
47240
  ),
@@ -992,7 +992,7 @@ function TestimonialsParallaxNumber({
992
992
  ) })
993
993
  ] }),
994
994
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 py-6 md:py-12 pl-4 md:pl-16", children: [
995
- /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
995
+ companyName ? /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
996
996
  framerMotion.motion.div,
997
997
  {
998
998
  initial: { opacity: 0, x: -20 },
@@ -1003,12 +1003,12 @@ function TestimonialsParallaxNumber({
1003
1003
  children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center gap-2 rounded-full border border-border px-4 py-2 text-sm", children: companyName })
1004
1004
  },
1005
1005
  activeIndex
1006
- ) }),
1006
+ ) }) : null,
1007
1007
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative mb-12 min-h-[140px]", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
1008
1008
  framerMotion.motion.blockquote,
1009
1009
  {
1010
1010
  className: cn(
1011
- "text-2xl md:text-4xl lg:text-5xl",
1011
+ "text-2xl md:text-3xl lg:text-4xl",
1012
1012
  "font-light leading-[1.15] tracking-tight",
1013
1013
  quoteClassName
1014
1014
  ),
@@ -971,7 +971,7 @@ function TestimonialsParallaxNumber({
971
971
  ) })
972
972
  ] }),
973
973
  /* @__PURE__ */ jsxs("div", { className: "flex-1 py-6 md:py-12 pl-4 md:pl-16", children: [
974
- /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
974
+ companyName ? /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
975
975
  motion.div,
976
976
  {
977
977
  initial: { opacity: 0, x: -20 },
@@ -982,12 +982,12 @@ function TestimonialsParallaxNumber({
982
982
  children: /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-2 rounded-full border border-border px-4 py-2 text-sm", children: companyName })
983
983
  },
984
984
  activeIndex
985
- ) }),
985
+ ) }) : null,
986
986
  /* @__PURE__ */ jsx("div", { className: "relative mb-12 min-h-[140px]", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
987
987
  motion.blockquote,
988
988
  {
989
989
  className: cn(
990
- "text-2xl md:text-4xl lg:text-5xl",
990
+ "text-2xl md:text-3xl lg:text-4xl",
991
991
  "font-light leading-[1.15] tracking-tight",
992
992
  quoteClassName
993
993
  ),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "2.9.4",
3
+ "version": "2.9.6",
4
4
  "description": "Foundational UI component library for OpenSite Semantic Site Builder with tree-shakable exports and abstract styling",
5
5
  "keywords": [
6
6
  "react",
@@ -3413,7 +3413,7 @@
3413
3413
  "@page-speed/icon": "0.1.2",
3414
3414
  "@page-speed/img": "0.4.6",
3415
3415
  "@page-speed/lightbox": "0.2.1",
3416
- "@page-speed/maps": "0.1.6",
3416
+ "@page-speed/maps": "0.1.8",
3417
3417
  "@page-speed/pdf-viewer": "0.1.9",
3418
3418
  "@page-speed/social-share": "0.0.5",
3419
3419
  "@radix-ui/react-accordion": "^1.2.12",