@opensite/ui 2.9.0 → 2.9.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.
Files changed (51) hide show
  1. package/dist/carousel-feature-badge.cjs +4 -3
  2. package/dist/carousel-feature-badge.d.cts +1 -1
  3. package/dist/carousel-feature-badge.d.ts +1 -1
  4. package/dist/carousel-feature-badge.js +4 -3
  5. package/dist/carousel-scrolling-feature-showcase.cjs +47 -38
  6. package/dist/carousel-scrolling-feature-showcase.js +47 -38
  7. package/dist/registry.cjs +454 -265
  8. package/dist/registry.js +454 -265
  9. package/dist/testimonials-grid-add-review.cjs +578 -39
  10. package/dist/testimonials-grid-add-review.d.cts +26 -26
  11. package/dist/testimonials-grid-add-review.d.ts +26 -26
  12. package/dist/testimonials-grid-add-review.js +577 -38
  13. package/dist/testimonials-images-helpful.cjs +85 -74
  14. package/dist/testimonials-images-helpful.js +85 -74
  15. package/dist/testimonials-list-verified.cjs +1 -0
  16. package/dist/testimonials-list-verified.js +1 -0
  17. package/dist/testimonials-logo-cards.cjs +8 -5
  18. package/dist/testimonials-logo-cards.js +8 -5
  19. package/dist/testimonials-masonry-grid.cjs +87 -11
  20. package/dist/testimonials-masonry-grid.d.cts +14 -1
  21. package/dist/testimonials-masonry-grid.d.ts +14 -1
  22. package/dist/testimonials-masonry-grid.js +88 -12
  23. package/dist/testimonials-mini-dividers.cjs +438 -26
  24. package/dist/testimonials-mini-dividers.js +434 -22
  25. package/dist/testimonials-minimal-numbered.cjs +1 -1
  26. package/dist/testimonials-minimal-numbered.js +1 -1
  27. package/dist/testimonials-parallax-number.cjs +1 -1
  28. package/dist/testimonials-parallax-number.js +1 -1
  29. package/dist/testimonials-quote-carousel.cjs +39 -37
  30. package/dist/testimonials-quote-carousel.d.cts +5 -1
  31. package/dist/testimonials-quote-carousel.d.ts +5 -1
  32. package/dist/testimonials-quote-carousel.js +39 -37
  33. package/dist/testimonials-scrolling-columns.cjs +438 -8
  34. package/dist/testimonials-scrolling-columns.js +436 -6
  35. package/dist/testimonials-simple-grid.cjs +82 -6
  36. package/dist/testimonials-simple-grid.d.cts +14 -1
  37. package/dist/testimonials-simple-grid.d.ts +14 -1
  38. package/dist/testimonials-simple-grid.js +83 -7
  39. package/dist/testimonials-stats-header.cjs +88 -8
  40. package/dist/testimonials-stats-header.d.cts +14 -1
  41. package/dist/testimonials-stats-header.d.ts +14 -1
  42. package/dist/testimonials-stats-header.js +89 -9
  43. package/dist/testimonials-twitter-cards.cjs +150 -25
  44. package/dist/testimonials-twitter-cards.d.cts +14 -1
  45. package/dist/testimonials-twitter-cards.d.ts +14 -1
  46. package/dist/testimonials-twitter-cards.js +151 -26
  47. package/dist/testimonials-wall-compact.cjs +529 -50
  48. package/dist/testimonials-wall-compact.d.cts +14 -1
  49. package/dist/testimonials-wall-compact.d.ts +14 -1
  50. package/dist/testimonials-wall-compact.js +526 -44
  51. package/package.json +1 -1
package/dist/carousel-feature-badge.cjs CHANGED
@@ -1038,7 +1038,6 @@ function CarouselFeatureBadge({
1038
1038
  items,
1039
1039
  itemsSlot,
1040
1040
  className,
1041
- containerClassName,
1042
1041
  contentClassName,
1043
1042
  badgeClassName,
1044
1043
  headingClassName,
@@ -1050,7 +1049,8 @@ function CarouselFeatureBadge({
1050
1049
  actionsSlot,
1051
1050
  actionsClassName,
1052
1051
  background,
1053
- spacing = "none",
1052
+ containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
1053
+ spacing = "xl",
1054
1054
  pattern,
1055
1055
  patternOpacity,
1056
1056
  slideLayoutVariant = "square",
@@ -1156,7 +1156,8 @@ function CarouselFeatureBadge({
1156
1156
  pattern,
1157
1157
  patternOpacity,
1158
1158
  containerMaxWidth,
1159
- children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mx-auto", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-end justify-end gap-6 md:gap-20 lg:grid-cols-2", children: [
1159
+ containerClassName,
1160
+ children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-end justify-end gap-6 md:gap-20 lg:grid-cols-2", children: [
1160
1161
  /* @__PURE__ */ jsxRuntime.jsxs(
1161
1162
  "div",
1162
1163
  {
package/dist/carousel-feature-badge.d.cts CHANGED
@@ -115,6 +115,6 @@ interface CarouselFeatureBadgeProps {
115
115
  */
116
116
  actionsClassName?: string;
117
117
  }
118
- declare function CarouselFeatureBadge({ badge, heading, description, items, itemsSlot, className, containerClassName, contentClassName, badgeClassName, headingClassName, descriptionClassName, carouselClassName, carouselItemClassName, optixFlowConfig, actions, actionsSlot, actionsClassName, background, spacing, pattern, patternOpacity, slideLayoutVariant, containerMaxWidth, }: CarouselFeatureBadgeProps): React.JSX.Element;
118
+ declare function CarouselFeatureBadge({ badge, heading, description, items, itemsSlot, className, contentClassName, badgeClassName, headingClassName, descriptionClassName, carouselClassName, carouselItemClassName, optixFlowConfig, actions, actionsSlot, actionsClassName, background, containerClassName, spacing, pattern, patternOpacity, slideLayoutVariant, containerMaxWidth, }: CarouselFeatureBadgeProps): React.JSX.Element;
119
119
 
120
120
  export { CarouselFeatureBadge, type CarouselFeatureBadgeProps };
package/dist/carousel-feature-badge.d.ts CHANGED
@@ -115,6 +115,6 @@ interface CarouselFeatureBadgeProps {
115
115
  */
116
116
  actionsClassName?: string;
117
117
  }
118
- declare function CarouselFeatureBadge({ badge, heading, description, items, itemsSlot, className, containerClassName, contentClassName, badgeClassName, headingClassName, descriptionClassName, carouselClassName, carouselItemClassName, optixFlowConfig, actions, actionsSlot, actionsClassName, background, spacing, pattern, patternOpacity, slideLayoutVariant, containerMaxWidth, }: CarouselFeatureBadgeProps): React.JSX.Element;
118
+ declare function CarouselFeatureBadge({ badge, heading, description, items, itemsSlot, className, contentClassName, badgeClassName, headingClassName, descriptionClassName, carouselClassName, carouselItemClassName, optixFlowConfig, actions, actionsSlot, actionsClassName, background, containerClassName, spacing, pattern, patternOpacity, slideLayoutVariant, containerMaxWidth, }: CarouselFeatureBadgeProps): React.JSX.Element;
119
119
 
120
120
  export { CarouselFeatureBadge, type CarouselFeatureBadgeProps };
package/dist/carousel-feature-badge.js CHANGED
@@ -1014,7 +1014,6 @@ function CarouselFeatureBadge({
1014
1014
  items,
1015
1015
  itemsSlot,
1016
1016
  className,
1017
- containerClassName,
1018
1017
  contentClassName,
1019
1018
  badgeClassName,
1020
1019
  headingClassName,
@@ -1026,7 +1025,8 @@ function CarouselFeatureBadge({
1026
1025
  actionsSlot,
1027
1026
  actionsClassName,
1028
1027
  background,
1029
- spacing = "none",
1028
+ containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
1029
+ spacing = "xl",
1030
1030
  pattern,
1031
1031
  patternOpacity,
1032
1032
  slideLayoutVariant = "square",
@@ -1132,7 +1132,8 @@ function CarouselFeatureBadge({
1132
1132
  pattern,
1133
1133
  patternOpacity,
1134
1134
  containerMaxWidth,
1135
- children: /* @__PURE__ */ jsx("div", { className: cn("mx-auto", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-end justify-end gap-6 md:gap-20 lg:grid-cols-2", children: [
1135
+ containerClassName,
1136
+ children: /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-end justify-end gap-6 md:gap-20 lg:grid-cols-2", children: [
1136
1137
  /* @__PURE__ */ jsxs(
1137
1138
  "div",
1138
1139
  {
package/dist/carousel-scrolling-feature-showcase.cjs CHANGED
@@ -529,49 +529,58 @@ function CarouselScrollingFeatureShowcase({
529
529
  ) })
530
530
  }
531
531
  ) }) }),
532
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-12 lg:space-y-32", featuresClassName), children: featuresSlot ? featuresSlot : features?.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsxs(
532
+ /* @__PURE__ */ jsxRuntime.jsx(
533
533
  "div",
534
534
  {
535
- ref: setFeatureRef(feature.id),
536
- "data-feature-id": feature.id,
537
535
  className: cn(
538
- "scroll-mt-24 transition-opacity duration-300",
539
- activeFeature === feature.id ? "opacity-100" : "opacity-50",
540
- feature.className
536
+ "space-y-12 lg:space-y-32 lg:pb-[60vh]",
537
+ featuresClassName
541
538
  ),
542
- children: [
543
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-video overflow-hidden rounded-xl shadow-xl", children: /* @__PURE__ */ jsxRuntime.jsx(
544
- img.Img,
545
- {
546
- src: feature.image,
547
- alt: typeof feature.title === "string" ? feature.title : `Feature ${feature.id}`,
548
- className: cn(
549
- "h-full w-full object-cover",
550
- feature.imageClassName
551
- ),
552
- optixFlowConfig
553
- }
554
- ) }) }),
555
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-4", children: [
556
- /* @__PURE__ */ jsxRuntime.jsx(
557
- "div",
558
- {
559
- className: cn(
560
- "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-primary text-primary-foreground",
561
- numberBadgeClassName
562
- ),
563
- children: index + 1
564
- }
539
+ children: featuresSlot ? featuresSlot : features?.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsxs(
540
+ "div",
541
+ {
542
+ ref: setFeatureRef(feature.id),
543
+ "data-feature-id": feature.id,
544
+ className: cn(
545
+ "scroll-mt-24 transition-opacity duration-300",
546
+ activeFeature === feature.id ? "opacity-100" : "opacity-50",
547
+ feature.className
565
548
  ),
566
- /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
567
- feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl md:text-2xl font-semibold", children: feature.title }) : feature.title),
568
- feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-base md:text-lg", children: feature.description }) : feature.description)
569
- ] })
570
- ] })
571
- ]
572
- },
573
- feature.id
574
- )) })
549
+ children: [
550
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-video overflow-hidden rounded-xl shadow-xl", children: /* @__PURE__ */ jsxRuntime.jsx(
551
+ img.Img,
552
+ {
553
+ src: feature.image,
554
+ alt: typeof feature.title === "string" ? feature.title : `Feature ${feature.id}`,
555
+ className: cn(
556
+ "h-full w-full object-cover",
557
+ feature.imageClassName
558
+ ),
559
+ optixFlowConfig
560
+ }
561
+ ) }) }),
562
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-4", children: [
563
+ /* @__PURE__ */ jsxRuntime.jsx(
564
+ "div",
565
+ {
566
+ className: cn(
567
+ "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-primary text-primary-foreground",
568
+ numberBadgeClassName
569
+ ),
570
+ children: index + 1
571
+ }
572
+ ),
573
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
574
+ feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl md:text-2xl font-semibold", children: feature.title }) : feature.title),
575
+ feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-base md:text-lg", children: feature.description }) : feature.description)
576
+ ] })
577
+ ] })
578
+ ]
579
+ },
580
+ feature.id
581
+ ))
582
+ }
583
+ )
575
584
  ]
576
585
  }
577
586
  )
package/dist/carousel-scrolling-feature-showcase.js CHANGED
@@ -508,49 +508,58 @@ function CarouselScrollingFeatureShowcase({
508
508
  ) })
509
509
  }
510
510
  ) }) }),
511
- /* @__PURE__ */ jsx("div", { className: cn("space-y-12 lg:space-y-32", featuresClassName), children: featuresSlot ? featuresSlot : features?.map((feature, index) => /* @__PURE__ */ jsxs(
511
+ /* @__PURE__ */ jsx(
512
512
  "div",
513
513
  {
514
- ref: setFeatureRef(feature.id),
515
- "data-feature-id": feature.id,
516
514
  className: cn(
517
- "scroll-mt-24 transition-opacity duration-300",
518
- activeFeature === feature.id ? "opacity-100" : "opacity-50",
519
- feature.className
515
+ "space-y-12 lg:space-y-32 lg:pb-[60vh]",
516
+ featuresClassName
520
517
  ),
521
- children: [
522
- /* @__PURE__ */ jsx("div", { className: "mb-6 lg:hidden", children: /* @__PURE__ */ jsx("div", { className: "aspect-video overflow-hidden rounded-xl shadow-xl", children: /* @__PURE__ */ jsx(
523
- Img,
524
- {
525
- src: feature.image,
526
- alt: typeof feature.title === "string" ? feature.title : `Feature ${feature.id}`,
527
- className: cn(
528
- "h-full w-full object-cover",
529
- feature.imageClassName
530
- ),
531
- optixFlowConfig
532
- }
533
- ) }) }),
534
- /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
535
- /* @__PURE__ */ jsx(
536
- "div",
537
- {
538
- className: cn(
539
- "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-primary text-primary-foreground",
540
- numberBadgeClassName
541
- ),
542
- children: index + 1
543
- }
518
+ children: featuresSlot ? featuresSlot : features?.map((feature, index) => /* @__PURE__ */ jsxs(
519
+ "div",
520
+ {
521
+ ref: setFeatureRef(feature.id),
522
+ "data-feature-id": feature.id,
523
+ className: cn(
524
+ "scroll-mt-24 transition-opacity duration-300",
525
+ activeFeature === feature.id ? "opacity-100" : "opacity-50",
526
+ feature.className
544
527
  ),
545
- /* @__PURE__ */ jsxs("div", { children: [
546
- feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-xl md:text-2xl font-semibold", children: feature.title }) : feature.title),
547
- feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsx("p", { className: "mt-4 text-base md:text-lg", children: feature.description }) : feature.description)
548
- ] })
549
- ] })
550
- ]
551
- },
552
- feature.id
553
- )) })
528
+ children: [
529
+ /* @__PURE__ */ jsx("div", { className: "mb-6 lg:hidden", children: /* @__PURE__ */ jsx("div", { className: "aspect-video overflow-hidden rounded-xl shadow-xl", children: /* @__PURE__ */ jsx(
530
+ Img,
531
+ {
532
+ src: feature.image,
533
+ alt: typeof feature.title === "string" ? feature.title : `Feature ${feature.id}`,
534
+ className: cn(
535
+ "h-full w-full object-cover",
536
+ feature.imageClassName
537
+ ),
538
+ optixFlowConfig
539
+ }
540
+ ) }) }),
541
+ /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
542
+ /* @__PURE__ */ jsx(
543
+ "div",
544
+ {
545
+ className: cn(
546
+ "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-primary text-primary-foreground",
547
+ numberBadgeClassName
548
+ ),
549
+ children: index + 1
550
+ }
551
+ ),
552
+ /* @__PURE__ */ jsxs("div", { children: [
553
+ feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-xl md:text-2xl font-semibold", children: feature.title }) : feature.title),
554
+ feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsx("p", { className: "mt-4 text-base md:text-lg", children: feature.description }) : feature.description)
555
+ ] })
556
+ ] })
557
+ ]
558
+ },
559
+ feature.id
560
+ ))
561
+ }
562
+ )
554
563
  ]
555
564
  }
556
565
  )