@opensite/ui 3.3.9 → 3.4.1

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 (159) hide show
  1. package/dist/about-culture-tabs.cjs +3 -0
  2. package/dist/about-culture-tabs.js +3 -0
  3. package/dist/about-developer-profile.cjs +3 -0
  4. package/dist/about-developer-profile.js +3 -0
  5. package/dist/about-developer-story.cjs +3 -0
  6. package/dist/about-developer-story.js +3 -0
  7. package/dist/about-expandable-values.cjs +3 -0
  8. package/dist/about-expandable-values.js +3 -0
  9. package/dist/about-mission-dual-image.cjs +3 -0
  10. package/dist/about-mission-dual-image.js +3 -0
  11. package/dist/about-network-spotlight.cjs +3 -0
  12. package/dist/about-network-spotlight.js +3 -0
  13. package/dist/about-story-expertise.cjs +3 -0
  14. package/dist/about-story-expertise.js +3 -0
  15. package/dist/about-streamline-team.cjs +3 -0
  16. package/dist/about-streamline-team.js +3 -0
  17. package/dist/carousel-feature-badge.cjs +3 -0
  18. package/dist/carousel-feature-badge.js +3 -0
  19. package/dist/carousel-image-hero.cjs +3 -0
  20. package/dist/carousel-image-hero.js +3 -0
  21. package/dist/carousel-portfolio-hero.cjs +3 -0
  22. package/dist/carousel-portfolio-hero.js +3 -0
  23. package/dist/community-initiatives.cjs +3 -0
  24. package/dist/community-initiatives.js +3 -0
  25. package/dist/components.cjs +3 -0
  26. package/dist/components.js +3 -0
  27. package/dist/cta-feature-checklist.cjs +3 -0
  28. package/dist/cta-feature-checklist.js +3 -0
  29. package/dist/faq-numbered-grid.cjs +3 -0
  30. package/dist/faq-numbered-grid.js +3 -0
  31. package/dist/hero-ad-campaign-expert.cjs +3 -0
  32. package/dist/hero-ad-campaign-expert.js +3 -0
  33. package/dist/hero-adaptable-product-grid.cjs +3 -0
  34. package/dist/hero-adaptable-product-grid.js +3 -0
  35. package/dist/hero-agency-animated-images.cjs +3 -0
  36. package/dist/hero-agency-animated-images.js +3 -0
  37. package/dist/hero-ai-powered-carousel.cjs +3 -0
  38. package/dist/hero-ai-powered-carousel.js +3 -0
  39. package/dist/hero-announcement-badge.cjs +3 -0
  40. package/dist/hero-announcement-badge.js +3 -0
  41. package/dist/hero-badge-image-split.cjs +3 -0
  42. package/dist/hero-badge-image-split.js +3 -0
  43. package/dist/hero-badge-shadow-overlay.cjs +3 -0
  44. package/dist/hero-badge-shadow-overlay.js +3 -0
  45. package/dist/hero-business-carousel-dots.cjs +3 -0
  46. package/dist/hero-business-carousel-dots.js +3 -0
  47. package/dist/hero-business-operations-mosaic.cjs +19 -7
  48. package/dist/hero-business-operations-mosaic.js +19 -7
  49. package/dist/hero-centered-gradient-cta.cjs +3 -0
  50. package/dist/hero-centered-gradient-cta.js +3 -0
  51. package/dist/hero-community-survey-cta.cjs +3 -0
  52. package/dist/hero-community-survey-cta.js +3 -0
  53. package/dist/hero-conversation-intelligence.cjs +3 -0
  54. package/dist/hero-conversation-intelligence.js +3 -0
  55. package/dist/hero-creative-studio-stacked.cjs +3 -0
  56. package/dist/hero-creative-studio-stacked.js +3 -0
  57. package/dist/hero-crm-streamlined.cjs +3 -0
  58. package/dist/hero-crm-streamlined.js +3 -0
  59. package/dist/hero-customer-support-layered.cjs +3 -0
  60. package/dist/hero-customer-support-layered.js +3 -0
  61. package/dist/hero-design-carousel-portfolio.cjs +3 -0
  62. package/dist/hero-design-carousel-portfolio.js +3 -0
  63. package/dist/hero-design-showcase-logos.cjs +3 -0
  64. package/dist/hero-design-showcase-logos.js +3 -0
  65. package/dist/hero-design-system-3d.cjs +3 -0
  66. package/dist/hero-design-system-3d.js +3 -0
  67. package/dist/hero-developer-tools-code.cjs +3 -0
  68. package/dist/hero-developer-tools-code.js +3 -0
  69. package/dist/hero-digital-agency-fullscreen.cjs +3 -0
  70. package/dist/hero-digital-agency-fullscreen.js +3 -0
  71. package/dist/hero-ecommerce-product-showcase.cjs +3 -0
  72. package/dist/hero-ecommerce-product-showcase.js +3 -0
  73. package/dist/hero-enterprise-security.cjs +3 -0
  74. package/dist/hero-enterprise-security.js +3 -0
  75. package/dist/hero-event-registration.cjs +3 -0
  76. package/dist/hero-event-registration.js +3 -0
  77. package/dist/hero-feature-cards-grid.cjs +3 -0
  78. package/dist/hero-feature-cards-grid.js +3 -0
  79. package/dist/hero-floating-images.cjs +3 -0
  80. package/dist/hero-floating-images.js +3 -0
  81. package/dist/hero-fullscreen-background-image.cjs +3 -0
  82. package/dist/hero-fullscreen-background-image.js +3 -0
  83. package/dist/hero-gradient-avatars-rating.cjs +3 -0
  84. package/dist/hero-gradient-avatars-rating.js +3 -0
  85. package/dist/hero-gradient-client-focused.cjs +3 -0
  86. package/dist/hero-gradient-client-focused.js +3 -0
  87. package/dist/hero-grid-pattern-solutions.cjs +3 -0
  88. package/dist/hero-grid-pattern-solutions.js +3 -0
  89. package/dist/hero-hiring-animated-text.cjs +3 -0
  90. package/dist/hero-hiring-animated-text.js +3 -0
  91. package/dist/hero-image-left-content.cjs +3 -0
  92. package/dist/hero-image-left-content.js +3 -0
  93. package/dist/hero-image-slider.cjs +3 -0
  94. package/dist/hero-image-slider.js +3 -0
  95. package/dist/hero-innovation-image-grid.cjs +3 -0
  96. package/dist/hero-innovation-image-grid.js +3 -0
  97. package/dist/hero-mental-health-team.cjs +3 -0
  98. package/dist/hero-mental-health-team.js +3 -0
  99. package/dist/hero-minimal-centered-dark.cjs +3 -0
  100. package/dist/hero-minimal-centered-dark.js +3 -0
  101. package/dist/hero-overlay-cta-grid.cjs +3 -0
  102. package/dist/hero-overlay-cta-grid.js +3 -0
  103. package/dist/hero-presentation-platform-video.cjs +3 -0
  104. package/dist/hero-presentation-platform-video.js +3 -0
  105. package/dist/hero-product-showcase-floating.cjs +3 -0
  106. package/dist/hero-product-showcase-floating.js +3 -0
  107. package/dist/hero-shared-inbox-layered.cjs +3 -0
  108. package/dist/hero-shared-inbox-layered.js +3 -0
  109. package/dist/hero-simple-centered-image.cjs +3 -0
  110. package/dist/hero-simple-centered-image.js +3 -0
  111. package/dist/hero-software-growth-video-dialog.cjs +3 -0
  112. package/dist/hero-software-growth-video-dialog.js +3 -0
  113. package/dist/hero-spiral-pattern-cards.cjs +3 -0
  114. package/dist/hero-spiral-pattern-cards.js +3 -0
  115. package/dist/hero-split-geometric-shapes.cjs +3 -0
  116. package/dist/hero-split-geometric-shapes.js +3 -0
  117. package/dist/hero-startup-launch-cta.cjs +3 -0
  118. package/dist/hero-startup-launch-cta.js +3 -0
  119. package/dist/hero-stats-social-proof.cjs +3 -0
  120. package/dist/hero-stats-social-proof.js +3 -0
  121. package/dist/hero-task-timer-animated.cjs +3 -0
  122. package/dist/hero-task-timer-animated.js +3 -0
  123. package/dist/hero-testimonial-image-grid.cjs +3 -0
  124. package/dist/hero-testimonial-image-grid.js +3 -0
  125. package/dist/hero-therapy-testimonial-grid.cjs +3 -0
  126. package/dist/hero-therapy-testimonial-grid.js +3 -0
  127. package/dist/hero-ui-library-showcase.cjs +3 -0
  128. package/dist/hero-ui-library-showcase.js +3 -0
  129. package/dist/hero-video-background-dark.cjs +3 -0
  130. package/dist/hero-video-background-dark.js +3 -0
  131. package/dist/hero-video-dialog-gradient.cjs +3 -0
  132. package/dist/hero-video-dialog-gradient.js +3 -0
  133. package/dist/hero-video-overlay-stars.cjs +3 -0
  134. package/dist/hero-video-overlay-stars.js +3 -0
  135. package/dist/hero-welcome-asymmetric-images.cjs +3 -0
  136. package/dist/hero-welcome-asymmetric-images.js +3 -0
  137. package/dist/index.cjs +3 -0
  138. package/dist/index.js +3 -0
  139. package/dist/process-sticky-steps.cjs +11 -17
  140. package/dist/process-sticky-steps.js +11 -17
  141. package/dist/registry.cjs +27 -24
  142. package/dist/registry.js +27 -24
  143. package/dist/social-link-icon.d.cts +1 -1
  144. package/dist/social-link-icon.d.ts +1 -1
  145. package/dist/stats-growth-timeline.cjs +3 -0
  146. package/dist/stats-growth-timeline.js +3 -0
  147. package/dist/testimonials-grid-add-review.cjs +3 -0
  148. package/dist/testimonials-grid-add-review.js +3 -0
  149. package/dist/testimonials-masonry-grid.cjs +3 -0
  150. package/dist/testimonials-masonry-grid.js +3 -0
  151. package/dist/testimonials-simple-grid.cjs +3 -0
  152. package/dist/testimonials-simple-grid.js +3 -0
  153. package/dist/testimonials-stats-header.cjs +3 -0
  154. package/dist/testimonials-stats-header.js +3 -0
  155. package/dist/testimonials-twitter-cards.cjs +3 -0
  156. package/dist/testimonials-twitter-cards.js +3 -0
  157. package/dist/testimonials-wall-compact.cjs +3 -0
  158. package/dist/testimonials-wall-compact.js +3 -0
  159. package/package.json +1 -1
@@ -487,6 +487,9 @@ function ActionComponent({ action }) {
487
487
  asButton: shouldStyleAsButton,
488
488
  variant: resolvedVariant,
489
489
  size: resolvedSize,
490
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
491
+ "data-variant": resolvedVariant,
492
+ "data-size": resolvedSize,
490
493
  className: cn(
491
494
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
492
495
  actionClassName
@@ -481,6 +481,9 @@ function ActionComponent({ action }) {
481
481
  asButton: shouldStyleAsButton,
482
482
  variant: resolvedVariant,
483
483
  size: resolvedSize,
484
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
485
+ "data-variant": resolvedVariant,
486
+ "data-size": resolvedSize,
484
487
  className: cn(
485
488
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
486
489
  actionClassName
@@ -485,6 +485,9 @@ function ActionComponent({ action }) {
485
485
  asButton: shouldStyleAsButton,
486
486
  variant: resolvedVariant,
487
487
  size: resolvedSize,
488
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
489
+ "data-variant": resolvedVariant,
490
+ "data-size": resolvedSize,
488
491
  className: cn(
489
492
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
490
493
  actionClassName
@@ -464,6 +464,9 @@ function ActionComponent({ action }) {
464
464
  asButton: shouldStyleAsButton,
465
465
  variant: resolvedVariant,
466
466
  size: resolvedSize,
467
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
468
+ "data-variant": resolvedVariant,
469
+ "data-size": resolvedSize,
467
470
  className: cn(
468
471
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
469
472
  actionClassName
@@ -502,6 +502,9 @@ function ActionComponent({ action }) {
502
502
  asButton: shouldStyleAsButton,
503
503
  variant: resolvedVariant,
504
504
  size: resolvedSize,
505
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
506
+ "data-variant": resolvedVariant,
507
+ "data-size": resolvedSize,
505
508
  className: cn(
506
509
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
507
510
  actionClassName
@@ -481,6 +481,9 @@ function ActionComponent({ action }) {
481
481
  asButton: shouldStyleAsButton,
482
482
  variant: resolvedVariant,
483
483
  size: resolvedSize,
484
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
485
+ "data-variant": resolvedVariant,
486
+ "data-size": resolvedSize,
484
487
  className: cn(
485
488
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
486
489
  actionClassName
@@ -550,6 +550,9 @@ function ActionComponent({ action }) {
550
550
  asButton: shouldStyleAsButton,
551
551
  variant: resolvedVariant,
552
552
  size: resolvedSize,
553
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
554
+ "data-variant": resolvedVariant,
555
+ "data-size": resolvedSize,
553
556
  className: cn(
554
557
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
555
558
  actionClassName
@@ -529,6 +529,9 @@ function ActionComponent({ action }) {
529
529
  asButton: shouldStyleAsButton,
530
530
  variant: resolvedVariant,
531
531
  size: resolvedSize,
532
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
533
+ "data-variant": resolvedVariant,
534
+ "data-size": resolvedSize,
532
535
  className: cn(
533
536
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
534
537
  actionClassName
@@ -454,6 +454,9 @@ function ActionComponent({ action }) {
454
454
  asButton: shouldStyleAsButton,
455
455
  variant: resolvedVariant,
456
456
  size: resolvedSize,
457
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
458
+ "data-variant": resolvedVariant,
459
+ "data-size": resolvedSize,
457
460
  className: cn(
458
461
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
459
462
  actionClassName
@@ -448,6 +448,9 @@ function ActionComponent({ action }) {
448
448
  asButton: shouldStyleAsButton,
449
449
  variant: resolvedVariant,
450
450
  size: resolvedSize,
451
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
452
+ "data-variant": resolvedVariant,
453
+ "data-size": resolvedSize,
451
454
  className: cn(
452
455
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
453
456
  actionClassName
@@ -454,6 +454,9 @@ function ActionComponent({ action }) {
454
454
  asButton: shouldStyleAsButton,
455
455
  variant: resolvedVariant,
456
456
  size: resolvedSize,
457
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
458
+ "data-variant": resolvedVariant,
459
+ "data-size": resolvedSize,
457
460
  className: cn(
458
461
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
459
462
  actionClassName
@@ -448,6 +448,9 @@ function ActionComponent({ action }) {
448
448
  asButton: shouldStyleAsButton,
449
449
  variant: resolvedVariant,
450
450
  size: resolvedSize,
451
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
452
+ "data-variant": resolvedVariant,
453
+ "data-size": resolvedSize,
451
454
  className: cn(
452
455
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
453
456
  actionClassName
@@ -542,6 +542,9 @@ function ActionComponent({ action }) {
542
542
  asButton: shouldStyleAsButton,
543
543
  variant: resolvedVariant,
544
544
  size: resolvedSize,
545
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
546
+ "data-variant": resolvedVariant,
547
+ "data-size": resolvedSize,
545
548
  className: cn(
546
549
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
547
550
  actionClassName
@@ -519,6 +519,9 @@ function ActionComponent({ action }) {
519
519
  asButton: shouldStyleAsButton,
520
520
  variant: resolvedVariant,
521
521
  size: resolvedSize,
522
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
523
+ "data-variant": resolvedVariant,
524
+ "data-size": resolvedSize,
522
525
  className: cn(
523
526
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
524
527
  actionClassName
@@ -488,6 +488,9 @@ function ActionComponent({ action }) {
488
488
  asButton: shouldStyleAsButton,
489
489
  variant: resolvedVariant,
490
490
  size: resolvedSize,
491
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
492
+ "data-variant": resolvedVariant,
493
+ "data-size": resolvedSize,
491
494
  className: cn(
492
495
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
493
496
  actionClassName
@@ -482,6 +482,9 @@ function ActionComponent({ action }) {
482
482
  asButton: shouldStyleAsButton,
483
483
  variant: resolvedVariant,
484
484
  size: resolvedSize,
485
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
486
+ "data-variant": resolvedVariant,
487
+ "data-size": resolvedSize,
485
488
  className: cn(
486
489
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
487
490
  actionClassName
@@ -455,6 +455,9 @@ function ActionComponent({ action }) {
455
455
  asButton: shouldStyleAsButton,
456
456
  variant: resolvedVariant,
457
457
  size: resolvedSize,
458
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
459
+ "data-variant": resolvedVariant,
460
+ "data-size": resolvedSize,
458
461
  className: cn(
459
462
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
460
463
  actionClassName
@@ -449,6 +449,9 @@ function ActionComponent({ action }) {
449
449
  asButton: shouldStyleAsButton,
450
450
  variant: resolvedVariant,
451
451
  size: resolvedSize,
452
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
453
+ "data-variant": resolvedVariant,
454
+ "data-size": resolvedSize,
452
455
  className: cn(
453
456
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
454
457
  actionClassName
@@ -488,6 +488,9 @@ function ActionComponent({ action }) {
488
488
  asButton: shouldStyleAsButton,
489
489
  variant: resolvedVariant,
490
490
  size: resolvedSize,
491
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
492
+ "data-variant": resolvedVariant,
493
+ "data-size": resolvedSize,
491
494
  className: cn(
492
495
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
493
496
  actionClassName
@@ -482,6 +482,9 @@ function ActionComponent({ action }) {
482
482
  asButton: shouldStyleAsButton,
483
483
  variant: resolvedVariant,
484
484
  size: resolvedSize,
485
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
486
+ "data-variant": resolvedVariant,
487
+ "data-size": resolvedSize,
485
488
  className: cn(
486
489
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
487
490
  actionClassName
@@ -488,6 +488,9 @@ function ActionComponent({ action }) {
488
488
  asButton: shouldStyleAsButton,
489
489
  variant: resolvedVariant,
490
490
  size: resolvedSize,
491
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
492
+ "data-variant": resolvedVariant,
493
+ "data-size": resolvedSize,
491
494
  className: cn(
492
495
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
493
496
  actionClassName
@@ -482,6 +482,9 @@ function ActionComponent({ action }) {
482
482
  asButton: shouldStyleAsButton,
483
483
  variant: resolvedVariant,
484
484
  size: resolvedSize,
485
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
486
+ "data-variant": resolvedVariant,
487
+ "data-size": resolvedSize,
485
488
  className: cn(
486
489
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
487
490
  actionClassName
@@ -479,6 +479,9 @@ function ActionComponent({ action }) {
479
479
  asButton: shouldStyleAsButton,
480
480
  variant: resolvedVariant,
481
481
  size: resolvedSize,
482
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
483
+ "data-variant": resolvedVariant,
484
+ "data-size": resolvedSize,
482
485
  className: cn(
483
486
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
484
487
  actionClassName
@@ -454,6 +454,9 @@ function ActionComponent({ action }) {
454
454
  asButton: shouldStyleAsButton,
455
455
  variant: resolvedVariant,
456
456
  size: resolvedSize,
457
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
458
+ "data-variant": resolvedVariant,
459
+ "data-size": resolvedSize,
457
460
  className: cn(
458
461
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
459
462
  actionClassName
@@ -526,6 +526,9 @@ function ActionComponent({ action }) {
526
526
  asButton: shouldStyleAsButton,
527
527
  variant: resolvedVariant,
528
528
  size: resolvedSize,
529
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
530
+ "data-variant": resolvedVariant,
531
+ "data-size": resolvedSize,
529
532
  className: cn(
530
533
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
531
534
  actionClassName
@@ -500,6 +500,9 @@ function ActionComponent({ action }) {
500
500
  asButton: shouldStyleAsButton,
501
501
  variant: resolvedVariant,
502
502
  size: resolvedSize,
503
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
504
+ "data-variant": resolvedVariant,
505
+ "data-size": resolvedSize,
503
506
  className: cn(
504
507
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
505
508
  actionClassName
@@ -454,6 +454,9 @@ function ActionComponent({ action }) {
454
454
  asButton: shouldStyleAsButton,
455
455
  variant: resolvedVariant,
456
456
  size: resolvedSize,
457
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
458
+ "data-variant": resolvedVariant,
459
+ "data-size": resolvedSize,
457
460
  className: cn(
458
461
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
459
462
  actionClassName
@@ -448,6 +448,9 @@ function ActionComponent({ action }) {
448
448
  asButton: shouldStyleAsButton,
449
449
  variant: resolvedVariant,
450
450
  size: resolvedSize,
451
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
452
+ "data-variant": resolvedVariant,
453
+ "data-size": resolvedSize,
451
454
  className: cn(
452
455
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
453
456
  actionClassName
@@ -479,6 +479,9 @@ function ActionComponent({ action }) {
479
479
  asButton: shouldStyleAsButton,
480
480
  variant: resolvedVariant,
481
481
  size: resolvedSize,
482
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
483
+ "data-variant": resolvedVariant,
484
+ "data-size": resolvedSize,
482
485
  className: cn(
483
486
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
484
487
  actionClassName
@@ -454,6 +454,9 @@ function ActionComponent({ action }) {
454
454
  asButton: shouldStyleAsButton,
455
455
  variant: resolvedVariant,
456
456
  size: resolvedSize,
457
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
458
+ "data-variant": resolvedVariant,
459
+ "data-size": resolvedSize,
457
460
  className: cn(
458
461
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
459
462
  actionClassName
@@ -549,6 +549,9 @@ function ActionComponent({ action }) {
549
549
  asButton: shouldStyleAsButton,
550
550
  variant: resolvedVariant,
551
551
  size: resolvedSize,
552
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
553
+ "data-variant": resolvedVariant,
554
+ "data-size": resolvedSize,
552
555
  className: cn(
553
556
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
554
557
  actionClassName
@@ -543,6 +543,9 @@ function ActionComponent({ action }) {
543
543
  asButton: shouldStyleAsButton,
544
544
  variant: resolvedVariant,
545
545
  size: resolvedSize,
546
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
547
+ "data-variant": resolvedVariant,
548
+ "data-size": resolvedSize,
546
549
  className: cn(
547
550
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
548
551
  actionClassName
@@ -542,6 +542,9 @@ function ActionComponent({ action }) {
542
542
  asButton: shouldStyleAsButton,
543
543
  variant: resolvedVariant,
544
544
  size: resolvedSize,
545
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
546
+ "data-variant": resolvedVariant,
547
+ "data-size": resolvedSize,
545
548
  className: cn(
546
549
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
547
550
  actionClassName
@@ -519,6 +519,9 @@ function ActionComponent({ action }) {
519
519
  asButton: shouldStyleAsButton,
520
520
  variant: resolvedVariant,
521
521
  size: resolvedSize,
522
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
523
+ "data-variant": resolvedVariant,
524
+ "data-size": resolvedSize,
522
525
  className: cn(
523
526
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
524
527
  actionClassName
@@ -484,6 +484,9 @@ function ActionComponent({ action }) {
484
484
  asButton: shouldStyleAsButton,
485
485
  variant: resolvedVariant,
486
486
  size: resolvedSize,
487
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
488
+ "data-variant": resolvedVariant,
489
+ "data-size": resolvedSize,
487
490
  className: cn(
488
491
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
489
492
  actionClassName
@@ -463,6 +463,9 @@ function ActionComponent({ action }) {
463
463
  asButton: shouldStyleAsButton,
464
464
  variant: resolvedVariant,
465
465
  size: resolvedSize,
466
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
467
+ "data-variant": resolvedVariant,
468
+ "data-size": resolvedSize,
466
469
  className: cn(
467
470
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
468
471
  actionClassName
@@ -454,6 +454,9 @@ function ActionComponent({ action }) {
454
454
  asButton: shouldStyleAsButton,
455
455
  variant: resolvedVariant,
456
456
  size: resolvedSize,
457
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
458
+ "data-variant": resolvedVariant,
459
+ "data-size": resolvedSize,
457
460
  className: cn(
458
461
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
459
462
  actionClassName
@@ -448,6 +448,9 @@ function ActionComponent({ action }) {
448
448
  asButton: shouldStyleAsButton,
449
449
  variant: resolvedVariant,
450
450
  size: resolvedSize,
451
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
452
+ "data-variant": resolvedVariant,
453
+ "data-size": resolvedSize,
451
454
  className: cn(
452
455
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
453
456
  actionClassName
package/dist/index.cjs CHANGED
@@ -2041,6 +2041,9 @@ function ActionComponent({ action }) {
2041
2041
  asButton: shouldStyleAsButton,
2042
2042
  variant: resolvedVariant,
2043
2043
  size: resolvedSize,
2044
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
2045
+ "data-variant": resolvedVariant,
2046
+ "data-size": resolvedSize,
2044
2047
  className: cn(
2045
2048
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
2046
2049
  actionClassName
package/dist/index.js CHANGED
@@ -2019,6 +2019,9 @@ function ActionComponent({ action }) {
2019
2019
  asButton: shouldStyleAsButton,
2020
2020
  variant: resolvedVariant,
2021
2021
  size: resolvedSize,
2022
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
2023
+ "data-variant": resolvedVariant,
2024
+ "data-size": resolvedSize,
2022
2025
  className: cn(
2023
2026
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
2024
2027
  actionClassName
@@ -483,6 +483,9 @@ function ActionComponent({ action }) {
483
483
  asButton: shouldStyleAsButton,
484
484
  variant: resolvedVariant,
485
485
  size: resolvedSize,
486
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
487
+ "data-variant": resolvedVariant,
488
+ "data-size": resolvedSize,
486
489
  className: cn(
487
490
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
488
491
  actionClassName
@@ -557,11 +560,11 @@ function ProcessStickySteps({
557
560
  const renderSteps = React.useMemo(() => {
558
561
  if (stepsSlot) return stepsSlot;
559
562
  if (!steps?.length) return null;
560
- return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("relative w-full min-w-0", stepsClassName), children: steps.map((step, index) => /* @__PURE__ */ jsxRuntime.jsxs(
563
+ return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("relative col-span-4 w-full lg:pl-28", stepsClassName), children: steps.map((step, index) => /* @__PURE__ */ jsxRuntime.jsxs(
561
564
  "li",
562
565
  {
563
566
  className: cn(
564
- "relative grid grid-cols-1 gap-6 border-t py-8 md:grid-cols-[auto_minmax(0,1fr)] md:gap-10 lg:py-10",
567
+ "relative flex flex-col justify-between gap-10 border-t py-8 md:flex-row lg:py-10",
565
568
  stepItemClassName,
566
569
  step.className
567
570
  ),
@@ -585,7 +588,7 @@ function ProcessStickySteps({
585
588
  children: step.step ?? `0${index + 1}`
586
589
  }
587
590
  ),
588
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 pr-10", children: [
591
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
589
592
  step.title && (typeof step.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(pressable.Pressable, { href: step.href, className: "mb-4 block", children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-2xl font-semibold tracking-tighter lg:text-3xl", children: step.title }) }) : /* @__PURE__ */ jsxRuntime.jsx(pressable.Pressable, { href: step.href, className: "mb-4 block", children: step.title })),
590
593
  step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: step.description }) : step.description)
591
594
  ] })
@@ -608,28 +611,19 @@ function ProcessStickySteps({
608
611
  "div",
609
612
  {
610
613
  className: cn(
611
- "grid grid-cols-1 gap-10 lg:grid-cols-[minmax(0,0.85fr)_minmax(0,1.35fr)] lg:gap-16 xl:gap-24",
614
+ "grid grid-cols-1 gap-5 lg:grid-cols-6 lg:gap-24",
612
615
  contentClassName
613
616
  ),
614
617
  children: [
615
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "top-10 h-fit min-w-0 max-w-full space-y-7 py-8 lg:sticky", children: [
616
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative max-w-full text-5xl font-semibold tracking-tight lg:text-6xl xl:text-7xl", children: [
617
- heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
618
- "h1",
619
- {
620
- className: cn(
621
- "max-w-[12ch] text-balance break-words",
622
- headingClassName
623
- ),
624
- children: heading
625
- }
626
- ) : heading),
618
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "top-10 col-span-2 h-fit w-fit gap-3 space-y-7 py-8 lg:sticky", children: [
619
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-fit text-5xl font-semibold tracking-tight lg:text-7xl", children: [
620
+ heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("w-fit", headingClassName), children: heading }) : heading),
627
621
  /* @__PURE__ */ jsxRuntime.jsx(
628
622
  DynamicIcon,
629
623
  {
630
624
  name: "lucide/asterisk",
631
625
  size: 40,
632
- className: "absolute -top-2 -right-2 md:size-10 lg:-right-14"
626
+ className: "absolute -top-2 -right-2 md:size-10 lg:-right-10"
633
627
  }
634
628
  )
635
629
  ] }),
@@ -462,6 +462,9 @@ function ActionComponent({ action }) {
462
462
  asButton: shouldStyleAsButton,
463
463
  variant: resolvedVariant,
464
464
  size: resolvedSize,
465
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
466
+ "data-variant": resolvedVariant,
467
+ "data-size": resolvedSize,
465
468
  className: cn(
466
469
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
467
470
  actionClassName
@@ -536,11 +539,11 @@ function ProcessStickySteps({
536
539
  const renderSteps = useMemo(() => {
537
540
  if (stepsSlot) return stepsSlot;
538
541
  if (!steps?.length) return null;
539
- return /* @__PURE__ */ jsx("ul", { className: cn("relative w-full min-w-0", stepsClassName), children: steps.map((step, index) => /* @__PURE__ */ jsxs(
542
+ return /* @__PURE__ */ jsx("ul", { className: cn("relative col-span-4 w-full lg:pl-28", stepsClassName), children: steps.map((step, index) => /* @__PURE__ */ jsxs(
540
543
  "li",
541
544
  {
542
545
  className: cn(
543
- "relative grid grid-cols-1 gap-6 border-t py-8 md:grid-cols-[auto_minmax(0,1fr)] md:gap-10 lg:py-10",
546
+ "relative flex flex-col justify-between gap-10 border-t py-8 md:flex-row lg:py-10",
544
547
  stepItemClassName,
545
548
  step.className
546
549
  ),
@@ -564,7 +567,7 @@ function ProcessStickySteps({
564
567
  children: step.step ?? `0${index + 1}`
565
568
  }
566
569
  ),
567
- /* @__PURE__ */ jsxs("div", { className: "min-w-0 pr-10", children: [
570
+ /* @__PURE__ */ jsxs("div", { children: [
568
571
  step.title && (typeof step.title === "string" ? /* @__PURE__ */ jsx(Pressable, { href: step.href, className: "mb-4 block", children: /* @__PURE__ */ jsx("h3", { className: "text-2xl font-semibold tracking-tighter lg:text-3xl", children: step.title }) }) : /* @__PURE__ */ jsx(Pressable, { href: step.href, className: "mb-4 block", children: step.title })),
569
572
  step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsx("p", { children: step.description }) : step.description)
570
573
  ] })
@@ -587,28 +590,19 @@ function ProcessStickySteps({
587
590
  "div",
588
591
  {
589
592
  className: cn(
590
- "grid grid-cols-1 gap-10 lg:grid-cols-[minmax(0,0.85fr)_minmax(0,1.35fr)] lg:gap-16 xl:gap-24",
593
+ "grid grid-cols-1 gap-5 lg:grid-cols-6 lg:gap-24",
591
594
  contentClassName
592
595
  ),
593
596
  children: [
594
- /* @__PURE__ */ jsxs("div", { className: "top-10 h-fit min-w-0 max-w-full space-y-7 py-8 lg:sticky", children: [
595
- /* @__PURE__ */ jsxs("div", { className: "relative max-w-full text-5xl font-semibold tracking-tight lg:text-6xl xl:text-7xl", children: [
596
- heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
597
- "h1",
598
- {
599
- className: cn(
600
- "max-w-[12ch] text-balance break-words",
601
- headingClassName
602
- ),
603
- children: heading
604
- }
605
- ) : heading),
597
+ /* @__PURE__ */ jsxs("div", { className: "top-10 col-span-2 h-fit w-fit gap-3 space-y-7 py-8 lg:sticky", children: [
598
+ /* @__PURE__ */ jsxs("div", { className: "relative w-fit text-5xl font-semibold tracking-tight lg:text-7xl", children: [
599
+ heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("w-fit", headingClassName), children: heading }) : heading),
606
600
  /* @__PURE__ */ jsx(
607
601
  DynamicIcon,
608
602
  {
609
603
  name: "lucide/asterisk",
610
604
  size: 40,
611
- className: "absolute -top-2 -right-2 md:size-10 lg:-right-14"
605
+ className: "absolute -top-2 -right-2 md:size-10 lg:-right-10"
612
606
  }
613
607
  )
614
608
  ] }),