@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
@@ -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
@@ -478,7 +481,7 @@ function HeroBusinessOperationsMosaic({
478
481
  actionsSlot,
479
482
  actionsClassName,
480
483
  background,
481
- spacing = "xl",
484
+ spacing = "hero",
482
485
  pattern,
483
486
  patternOpacity,
484
487
  className,
@@ -540,13 +543,13 @@ function HeroBusinessOperationsMosaic({
540
543
  patternOpacity,
541
544
  className,
542
545
  containerClassName,
543
- children: /* @__PURE__ */ jsx("div", { className: "pt-10 md:pt-0", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center justify-between gap-14 lg:grid-cols-2", children: [
546
+ children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center justify-between gap-14 lg:grid-cols-2", children: [
544
547
  /* @__PURE__ */ jsx("div", { className: cn("w-full max-w-166.5", mosaicClassName), children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 0.815177479 / 1, children: renderMosaic }) }),
545
548
  /* @__PURE__ */ jsxs(
546
549
  "div",
547
550
  {
548
551
  className: cn(
549
- "flex w-full max-w-125 flex-col gap-6 md:gap-14 lg:max-w-full",
552
+ "flex w-full max-w-full flex-col gap-6",
550
553
  contentClassName
551
554
  ),
552
555
  children: [
@@ -554,13 +557,22 @@ function HeroBusinessOperationsMosaic({
554
557
  "h1",
555
558
  {
556
559
  className: cn(
557
- "text-6xl lg:text-7xl xl:text-[5rem] font-semibold",
560
+ "text-4xl md:text-5xl lg:text-6xl font-semibold text-pretty leading-tight",
558
561
  headingClassName
559
562
  ),
560
563
  children: heading
561
564
  }
562
- ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
563
- description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg md:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
565
+ ) : heading),
566
+ description && (typeof description === "string" ? /* @__PURE__ */ jsx(
567
+ "p",
568
+ {
569
+ className: cn(
570
+ "text-lg md:text-xl text-balance",
571
+ descriptionClassName
572
+ ),
573
+ children: description
574
+ }
575
+ ) : description),
564
576
  /* @__PURE__ */ jsx(
565
577
  BlockActions,
566
578
  {
@@ -572,7 +584,7 @@ function HeroBusinessOperationsMosaic({
572
584
  ]
573
585
  }
574
586
  )
575
- ] }) })
587
+ ] })
576
588
  }
577
589
  );
578
590
  }
@@ -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
@@ -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
@@ -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
@@ -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
@@ -621,6 +621,9 @@ function ActionComponent({ action }) {
621
621
  asButton: shouldStyleAsButton,
622
622
  variant: resolvedVariant,
623
623
  size: resolvedSize,
624
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
625
+ "data-variant": resolvedVariant,
626
+ "data-size": resolvedSize,
624
627
  className: cn(
625
628
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
626
629
  actionClassName
@@ -595,6 +595,9 @@ function ActionComponent({ action }) {
595
595
  asButton: shouldStyleAsButton,
596
596
  variant: resolvedVariant,
597
597
  size: resolvedSize,
598
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
599
+ "data-variant": resolvedVariant,
600
+ "data-size": resolvedSize,
598
601
  className: cn(
599
602
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
600
603
  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
@@ -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
@@ -517,6 +517,9 @@ function ActionComponent({ action }) {
517
517
  asButton: shouldStyleAsButton,
518
518
  variant: resolvedVariant,
519
519
  size: resolvedSize,
520
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
521
+ "data-variant": resolvedVariant,
522
+ "data-size": resolvedSize,
520
523
  className: cn(
521
524
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
522
525
  actionClassName
@@ -496,6 +496,9 @@ function ActionComponent({ action }) {
496
496
  asButton: shouldStyleAsButton,
497
497
  variant: resolvedVariant,
498
498
  size: resolvedSize,
499
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
500
+ "data-variant": resolvedVariant,
501
+ "data-size": resolvedSize,
499
502
  className: cn(
500
503
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
501
504
  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
@@ -518,6 +518,9 @@ function ActionComponent({ action }) {
518
518
  asButton: shouldStyleAsButton,
519
519
  variant: resolvedVariant,
520
520
  size: resolvedSize,
521
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
522
+ "data-variant": resolvedVariant,
523
+ "data-size": resolvedSize,
521
524
  className: cn(
522
525
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
523
526
  actionClassName
@@ -497,6 +497,9 @@ function ActionComponent({ action }) {
497
497
  asButton: shouldStyleAsButton,
498
498
  variant: resolvedVariant,
499
499
  size: resolvedSize,
500
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
501
+ "data-variant": resolvedVariant,
502
+ "data-size": resolvedSize,
500
503
  className: cn(
501
504
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
502
505
  actionClassName
@@ -517,6 +517,9 @@ function ActionComponent({ action }) {
517
517
  asButton: shouldStyleAsButton,
518
518
  variant: resolvedVariant,
519
519
  size: resolvedSize,
520
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
521
+ "data-variant": resolvedVariant,
522
+ "data-size": resolvedSize,
520
523
  className: cn(
521
524
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
522
525
  actionClassName
@@ -496,6 +496,9 @@ function ActionComponent({ action }) {
496
496
  asButton: shouldStyleAsButton,
497
497
  variant: resolvedVariant,
498
498
  size: resolvedSize,
499
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
500
+ "data-variant": resolvedVariant,
501
+ "data-size": resolvedSize,
499
502
  className: cn(
500
503
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
501
504
  actionClassName
@@ -518,6 +518,9 @@ function ActionComponent({ action }) {
518
518
  asButton: shouldStyleAsButton,
519
519
  variant: resolvedVariant,
520
520
  size: resolvedSize,
521
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
522
+ "data-variant": resolvedVariant,
523
+ "data-size": resolvedSize,
521
524
  className: cn(
522
525
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
523
526
  actionClassName
@@ -497,6 +497,9 @@ function ActionComponent({ action }) {
497
497
  asButton: shouldStyleAsButton,
498
498
  variant: resolvedVariant,
499
499
  size: resolvedSize,
500
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
501
+ "data-variant": resolvedVariant,
502
+ "data-size": resolvedSize,
500
503
  className: cn(
501
504
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
502
505
  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
@@ -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
@@ -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 && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
524
527
  actionClassName
@@ -498,6 +498,9 @@ function ActionComponent({ action }) {
498
498
  asButton: shouldStyleAsButton,
499
499
  variant: resolvedVariant,
500
500
  size: resolvedSize,
501
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
502
+ "data-variant": resolvedVariant,
503
+ "data-size": resolvedSize,
501
504
  className: cn(
502
505
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
503
506
  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
@@ -515,6 +515,9 @@ function ActionComponent({ action }) {
515
515
  asButton: shouldStyleAsButton,
516
516
  variant: resolvedVariant,
517
517
  size: resolvedSize,
518
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
519
+ "data-variant": resolvedVariant,
520
+ "data-size": resolvedSize,
518
521
  className: cn(
519
522
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
520
523
  actionClassName
@@ -493,6 +493,9 @@ function ActionComponent({ action }) {
493
493
  asButton: shouldStyleAsButton,
494
494
  variant: resolvedVariant,
495
495
  size: resolvedSize,
496
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
497
+ "data-variant": resolvedVariant,
498
+ "data-size": resolvedSize,
496
499
  className: cn(
497
500
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
498
501
  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
@@ -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 && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
524
527
  actionClassName
@@ -498,6 +498,9 @@ function ActionComponent({ action }) {
498
498
  asButton: shouldStyleAsButton,
499
499
  variant: resolvedVariant,
500
500
  size: resolvedSize,
501
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
502
+ "data-variant": resolvedVariant,
503
+ "data-size": resolvedSize,
501
504
  className: cn(
502
505
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
503
506
  actionClassName
@@ -453,6 +453,9 @@ function ActionComponent({ action }) {
453
453
  asButton: shouldStyleAsButton,
454
454
  variant: resolvedVariant,
455
455
  size: resolvedSize,
456
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
457
+ "data-variant": resolvedVariant,
458
+ "data-size": resolvedSize,
456
459
  className: cn(
457
460
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
458
461
  actionClassName
@@ -447,6 +447,9 @@ function ActionComponent({ action }) {
447
447
  asButton: shouldStyleAsButton,
448
448
  variant: resolvedVariant,
449
449
  size: resolvedSize,
450
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
451
+ "data-variant": resolvedVariant,
452
+ "data-size": resolvedSize,
450
453
  className: cn(
451
454
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
452
455
  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
@@ -678,6 +678,9 @@ function ActionComponent({ action }) {
678
678
  asButton: shouldStyleAsButton,
679
679
  variant: resolvedVariant,
680
680
  size: resolvedSize,
681
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
682
+ "data-variant": resolvedVariant,
683
+ "data-size": resolvedSize,
681
684
  className: cn(
682
685
  shouldStyleAsButton && pressable.buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
683
686
  actionClassName
@@ -657,6 +657,9 @@ function ActionComponent({ action }) {
657
657
  asButton: shouldStyleAsButton,
658
658
  variant: resolvedVariant,
659
659
  size: resolvedSize,
660
+ "data-slot": shouldStyleAsButton ? "button" : void 0,
661
+ "data-variant": resolvedVariant,
662
+ "data-size": resolvedSize,
660
663
  className: cn(
661
664
  shouldStyleAsButton && buttonVariants({ variant: resolvedVariant, size: resolvedSize }),
662
665
  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
@@ -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