@opensite/ui 3.7.5 → 3.7.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.
Files changed (111) hide show
  1. package/dist/blog-featured-popular.cjs +13 -12
  2. package/dist/blog-featured-popular.d.cts +1 -1
  3. package/dist/blog-featured-popular.d.ts +1 -1
  4. package/dist/blog-featured-popular.js +13 -12
  5. package/dist/blog-horizontal-cards.cjs +22 -41
  6. package/dist/blog-horizontal-cards.d.cts +1 -1
  7. package/dist/blog-horizontal-cards.d.ts +1 -1
  8. package/dist/blog-horizontal-cards.js +22 -41
  9. package/dist/blog-related-articles.cjs +8 -7
  10. package/dist/blog-related-articles.js +8 -7
  11. package/dist/carousel-icon-tabs.cjs +6 -4
  12. package/dist/carousel-icon-tabs.d.cts +5 -1
  13. package/dist/carousel-icon-tabs.d.ts +5 -1
  14. package/dist/carousel-icon-tabs.js +6 -4
  15. package/dist/carousel-progress-slider.cjs +3 -2
  16. package/dist/carousel-progress-slider.js +3 -2
  17. package/dist/carousel-scale-focus.cjs +1 -1
  18. package/dist/carousel-scale-focus.js +1 -1
  19. package/dist/carousel-scrolling-feature-showcase.cjs +4 -2
  20. package/dist/carousel-scrolling-feature-showcase.js +4 -2
  21. package/dist/carousel-sidebar-resources.cjs +11 -15
  22. package/dist/carousel-sidebar-resources.d.cts +5 -1
  23. package/dist/carousel-sidebar-resources.d.ts +5 -1
  24. package/dist/carousel-sidebar-resources.js +11 -15
  25. package/dist/carousel-tabs-content.cjs +1 -1
  26. package/dist/carousel-tabs-content.js +1 -1
  27. package/dist/expandable-case-study-cards.cjs +3 -3
  28. package/dist/expandable-case-study-cards.js +3 -3
  29. package/dist/feature-animated-carousel.cjs +2 -1
  30. package/dist/feature-animated-carousel.js +2 -1
  31. package/dist/feature-bento-image-grid.cjs +8 -9
  32. package/dist/feature-bento-image-grid.js +8 -9
  33. package/dist/feature-image-overlay-badge.cjs +3 -40
  34. package/dist/feature-image-overlay-badge.js +3 -40
  35. package/dist/feature-integration-cards.cjs +4 -13
  36. package/dist/feature-integration-cards.js +4 -13
  37. package/dist/footer-newsletter-contact.cjs +4 -4
  38. package/dist/footer-newsletter-contact.js +4 -4
  39. package/dist/hero-adaptable-product-grid.cjs +2 -1
  40. package/dist/hero-adaptable-product-grid.js +2 -1
  41. package/dist/hero-ai-powered-carousel.cjs +2 -1
  42. package/dist/hero-ai-powered-carousel.js +2 -1
  43. package/dist/hero-architecture-fullscreen.cjs +3 -2
  44. package/dist/hero-architecture-fullscreen.js +3 -2
  45. package/dist/hero-badge-image-split.cjs +3 -2
  46. package/dist/hero-badge-image-split.js +3 -2
  47. package/dist/hero-badge-shadow-overlay.cjs +2 -1
  48. package/dist/hero-badge-shadow-overlay.js +2 -1
  49. package/dist/hero-billing-platform-logos.cjs +12 -8
  50. package/dist/hero-billing-platform-logos.js +12 -8
  51. package/dist/hero-business-carousel-dots.cjs +2 -1
  52. package/dist/hero-business-carousel-dots.js +2 -1
  53. package/dist/hero-conversation-intelligence.cjs +2 -1
  54. package/dist/hero-conversation-intelligence.js +2 -1
  55. package/dist/hero-crm-streamlined.cjs +2 -2
  56. package/dist/hero-crm-streamlined.js +2 -2
  57. package/dist/hero-design-carousel-portfolio.cjs +2 -1
  58. package/dist/hero-design-carousel-portfolio.js +2 -1
  59. package/dist/hero-ecommerce-product-showcase.cjs +8 -4
  60. package/dist/hero-ecommerce-product-showcase.js +8 -4
  61. package/dist/hero-event-registration.cjs +2 -1
  62. package/dist/hero-event-registration.js +2 -1
  63. package/dist/hero-gradient-avatars-rating.cjs +4 -2
  64. package/dist/hero-gradient-avatars-rating.js +4 -2
  65. package/dist/hero-mental-health-team.cjs +13 -18
  66. package/dist/hero-mental-health-team.js +13 -18
  67. package/dist/hero-mentorship-video-split.cjs +3 -10
  68. package/dist/hero-mentorship-video-split.js +3 -10
  69. package/dist/hero-product-showcase-floating.cjs +4 -2
  70. package/dist/hero-product-showcase-floating.js +4 -2
  71. package/dist/hero-saas-dashboard-preview.cjs +2 -1
  72. package/dist/hero-saas-dashboard-preview.js +2 -1
  73. package/dist/hero-software-growth-video-dialog.cjs +2 -1
  74. package/dist/hero-software-growth-video-dialog.js +2 -1
  75. package/dist/hero-split-icon-cards.cjs +7 -59
  76. package/dist/hero-split-icon-cards.js +7 -59
  77. package/dist/hero-task-timer-animated.cjs +155 -86
  78. package/dist/hero-task-timer-animated.d.cts +19 -18
  79. package/dist/hero-task-timer-animated.d.ts +19 -18
  80. package/dist/hero-task-timer-animated.js +156 -68
  81. package/dist/navbar-animated-preview.cjs +1 -1
  82. package/dist/navbar-animated-preview.js +1 -1
  83. package/dist/navbar-enterprise-mega.cjs +9 -3
  84. package/dist/navbar-enterprise-mega.d.cts +3 -0
  85. package/dist/navbar-enterprise-mega.d.ts +3 -0
  86. package/dist/navbar-enterprise-mega.js +9 -3
  87. package/dist/navbar-image-preview.cjs +10 -2
  88. package/dist/navbar-image-preview.d.cts +6 -6
  89. package/dist/navbar-image-preview.d.ts +6 -6
  90. package/dist/navbar-image-preview.js +10 -2
  91. package/dist/process-hover-cards.cjs +4 -2
  92. package/dist/process-hover-cards.js +4 -2
  93. package/dist/process-icon-timeline.cjs +1 -2
  94. package/dist/process-icon-timeline.d.cts +0 -4
  95. package/dist/process-icon-timeline.d.ts +0 -4
  96. package/dist/process-icon-timeline.js +1 -2
  97. package/dist/process-scroll-image.cjs +2 -2
  98. package/dist/process-scroll-image.js +2 -2
  99. package/dist/process-steps-grid.cjs +7 -5
  100. package/dist/process-steps-grid.js +7 -5
  101. package/dist/registry.cjs +391 -315
  102. package/dist/registry.js +391 -315
  103. package/dist/testimonials-animated-split.cjs +2 -1
  104. package/dist/testimonials-animated-split.js +2 -1
  105. package/dist/testimonials-carousel-image.cjs +4 -2
  106. package/dist/testimonials-carousel-image.js +4 -2
  107. package/dist/testimonials-company-logo.cjs +4 -2
  108. package/dist/testimonials-company-logo.js +4 -2
  109. package/dist/testimonials-scrolling-columns.cjs +4 -2
  110. package/dist/testimonials-scrolling-columns.js +4 -2
  111. package/package.json +1 -1
package/dist/process-icon-timeline.d.cts CHANGED
@@ -30,10 +30,6 @@ interface ProcessIconTimelineItem {
30
30
  * List of highlight tags
31
31
  */
32
32
  highlights?: React.ReactNode[];
33
- /**
34
- * Badge background color class (e.g., "bg-blue-500")
35
- */
36
- badgeColor?: string;
37
33
  /**
38
34
  * Additional CSS classes for the step item
39
35
  */
package/dist/process-icon-timeline.d.ts CHANGED
@@ -30,10 +30,6 @@ interface ProcessIconTimelineItem {
30
30
  * List of highlight tags
31
31
  */
32
32
  highlights?: React.ReactNode[];
33
- /**
34
- * Badge background color class (e.g., "bg-blue-500")
35
- */
36
- badgeColor?: string;
37
33
  /**
38
34
  * Additional CSS classes for the step item
39
35
  */
package/dist/process-icon-timeline.js CHANGED
@@ -437,8 +437,7 @@ function ProcessIconTimeline({
437
437
  "div",
438
438
  {
439
439
  className: cn(
440
- "absolute left-0 flex size-12 items-center justify-center rounded-full text-primary-foreground lg:left-1/2 lg:-translate-x-1/2",
441
- step.badgeColor || "bg-primary",
440
+ "absolute left-0 flex size-12 items-center justify-center rounded-full bg-primary text-primary-foreground lg:left-1/2 lg:-translate-x-1/2",
442
441
  stepBadgeClassName
443
442
  ),
444
443
  children: step.iconSlot ?? (step.icon && /* @__PURE__ */ jsx(DynamicIcon, { name: step.icon, size: 24 }))
package/dist/process-scroll-image.cjs CHANGED
@@ -440,12 +440,12 @@ var ProcessCard = ({
440
440
  {
441
441
  ref,
442
442
  className: cn(
443
- "relative flex flex-col justify-between gap-12 border-b py-8 lg:py-16",
443
+ "relative flex flex-col justify-between gap-6 md:gap-8 border-b py-8 lg:py-16",
444
444
  itemClassName,
445
445
  step.className
446
446
  ),
447
447
  children: [
448
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-fit items-center justify-center px-4 py-1 text-5xl md:text-7xl tracking-tighter", children: step.step ?? `0${index + 1}` }),
448
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-fit items-center justify-center text-5xl md:text-7xl tracking-tighter", children: step.step ?? `0${index + 1}` }),
449
449
  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
450
450
  step.title && (typeof step.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-2xl font-semibold tracking-tighter lg:text-3xl", children: step.title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4", children: step.title })),
451
451
  step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: step.description }) : step.description)
package/dist/process-scroll-image.js CHANGED
@@ -419,12 +419,12 @@ var ProcessCard = ({
419
419
  {
420
420
  ref,
421
421
  className: cn(
422
- "relative flex flex-col justify-between gap-12 border-b py-8 lg:py-16",
422
+ "relative flex flex-col justify-between gap-6 md:gap-8 border-b py-8 lg:py-16",
423
423
  itemClassName,
424
424
  step.className
425
425
  ),
426
426
  children: [
427
- /* @__PURE__ */ jsx("div", { className: "flex w-fit items-center justify-center px-4 py-1 text-5xl md:text-7xl tracking-tighter", children: step.step ?? `0${index + 1}` }),
427
+ /* @__PURE__ */ jsx("div", { className: "flex w-fit items-center justify-center text-5xl md:text-7xl tracking-tighter", children: step.step ?? `0${index + 1}` }),
428
428
  /* @__PURE__ */ jsxs("div", { children: [
429
429
  step.title && (typeof step.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "mb-4 text-2xl font-semibold tracking-tighter lg:text-3xl", children: step.title }) : /* @__PURE__ */ jsx("div", { className: "mb-4", children: step.title })),
430
430
  step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsx("p", { children: step.description }) : step.description)
package/dist/process-steps-grid.cjs CHANGED
@@ -455,7 +455,8 @@ function ProcessStepsGrid({
455
455
  "div",
456
456
  {
457
457
  className: cn(
458
- "group relative overflow-hidden rounded-lg p-8 transition-all hover:shadow-lg",
458
+ "group relative overflow-hidden rounded-lg p-8",
459
+ "transition-all hover:shadow-lg duration-500",
459
460
  "border border-border hover:border-primary",
460
461
  "bg-card text-card-foreground",
461
462
  stepCardClassName,
@@ -466,9 +467,9 @@ function ProcessStepsGrid({
466
467
  "span",
467
468
  {
468
469
  className: cn(
469
- "absolute -right-4 -top-4 text-[120px] font-bold leading-none transition-colors",
470
- "opacity-20 group-hover:opacity-100",
471
- "group-hover:text-primary"
470
+ "absolute -right-4 -top-4 text-[120px] font-bold leading-none",
471
+ "transition-colors duration-500 opacity-20",
472
+ "group-hover:text-primary group-hover:opacity-100"
472
473
  ),
473
474
  children: String(index + 1).padStart(2, "0")
474
475
  }
@@ -478,7 +479,8 @@ function ProcessStepsGrid({
478
479
  "div",
479
480
  {
480
481
  className: cn(
481
- "mb-6 flex size-14 items-center justify-center rounded-lg transition-colors",
482
+ "mb-6 flex size-14 items-center justify-center rounded-lg",
483
+ "transition-colors duration-500",
482
484
  "bg-primary/10 group-hover:bg-primary group-hover:text-primary-foreground",
483
485
  stepIconClassName
484
486
  ),
package/dist/process-steps-grid.js CHANGED
@@ -434,7 +434,8 @@ function ProcessStepsGrid({
434
434
  "div",
435
435
  {
436
436
  className: cn(
437
- "group relative overflow-hidden rounded-lg p-8 transition-all hover:shadow-lg",
437
+ "group relative overflow-hidden rounded-lg p-8",
438
+ "transition-all hover:shadow-lg duration-500",
438
439
  "border border-border hover:border-primary",
439
440
  "bg-card text-card-foreground",
440
441
  stepCardClassName,
@@ -445,9 +446,9 @@ function ProcessStepsGrid({
445
446
  "span",
446
447
  {
447
448
  className: cn(
448
- "absolute -right-4 -top-4 text-[120px] font-bold leading-none transition-colors",
449
- "opacity-20 group-hover:opacity-100",
450
- "group-hover:text-primary"
449
+ "absolute -right-4 -top-4 text-[120px] font-bold leading-none",
450
+ "transition-colors duration-500 opacity-20",
451
+ "group-hover:text-primary group-hover:opacity-100"
451
452
  ),
452
453
  children: String(index + 1).padStart(2, "0")
453
454
  }
@@ -457,7 +458,8 @@ function ProcessStepsGrid({
457
458
  "div",
458
459
  {
459
460
  className: cn(
460
- "mb-6 flex size-14 items-center justify-center rounded-lg transition-colors",
461
+ "mb-6 flex size-14 items-center justify-center rounded-lg",
462
+ "transition-colors duration-500",
461
463
  "bg-primary/10 group-hover:bg-primary group-hover:text-primary-foreground",
462
464
  stepIconClassName
463
465
  ),