@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.
- package/dist/about-culture-tabs.cjs +3 -0
- package/dist/about-culture-tabs.js +3 -0
- package/dist/about-developer-profile.cjs +3 -0
- package/dist/about-developer-profile.js +3 -0
- package/dist/about-developer-story.cjs +3 -0
- package/dist/about-developer-story.js +3 -0
- package/dist/about-expandable-values.cjs +3 -0
- package/dist/about-expandable-values.js +3 -0
- package/dist/about-mission-dual-image.cjs +3 -0
- package/dist/about-mission-dual-image.js +3 -0
- package/dist/about-network-spotlight.cjs +3 -0
- package/dist/about-network-spotlight.js +3 -0
- package/dist/about-story-expertise.cjs +3 -0
- package/dist/about-story-expertise.js +3 -0
- package/dist/about-streamline-team.cjs +3 -0
- package/dist/about-streamline-team.js +3 -0
- package/dist/carousel-feature-badge.cjs +3 -0
- package/dist/carousel-feature-badge.js +3 -0
- package/dist/carousel-image-hero.cjs +3 -0
- package/dist/carousel-image-hero.js +3 -0
- package/dist/carousel-portfolio-hero.cjs +3 -0
- package/dist/carousel-portfolio-hero.js +3 -0
- package/dist/community-initiatives.cjs +3 -0
- package/dist/community-initiatives.js +3 -0
- package/dist/components.cjs +3 -0
- package/dist/components.js +3 -0
- package/dist/cta-feature-checklist.cjs +3 -0
- package/dist/cta-feature-checklist.js +3 -0
- package/dist/faq-numbered-grid.cjs +3 -0
- package/dist/faq-numbered-grid.js +3 -0
- package/dist/hero-ad-campaign-expert.cjs +3 -0
- package/dist/hero-ad-campaign-expert.js +3 -0
- package/dist/hero-adaptable-product-grid.cjs +3 -0
- package/dist/hero-adaptable-product-grid.js +3 -0
- package/dist/hero-agency-animated-images.cjs +3 -0
- package/dist/hero-agency-animated-images.js +3 -0
- package/dist/hero-ai-powered-carousel.cjs +3 -0
- package/dist/hero-ai-powered-carousel.js +3 -0
- package/dist/hero-announcement-badge.cjs +3 -0
- package/dist/hero-announcement-badge.js +3 -0
- package/dist/hero-badge-image-split.cjs +3 -0
- package/dist/hero-badge-image-split.js +3 -0
- package/dist/hero-badge-shadow-overlay.cjs +3 -0
- package/dist/hero-badge-shadow-overlay.js +3 -0
- package/dist/hero-business-carousel-dots.cjs +3 -0
- package/dist/hero-business-carousel-dots.js +3 -0
- package/dist/hero-business-operations-mosaic.cjs +19 -7
- package/dist/hero-business-operations-mosaic.js +19 -7
- package/dist/hero-centered-gradient-cta.cjs +3 -0
- package/dist/hero-centered-gradient-cta.js +3 -0
- package/dist/hero-community-survey-cta.cjs +3 -0
- package/dist/hero-community-survey-cta.js +3 -0
- package/dist/hero-conversation-intelligence.cjs +3 -0
- package/dist/hero-conversation-intelligence.js +3 -0
- package/dist/hero-creative-studio-stacked.cjs +3 -0
- package/dist/hero-creative-studio-stacked.js +3 -0
- package/dist/hero-crm-streamlined.cjs +3 -0
- package/dist/hero-crm-streamlined.js +3 -0
- package/dist/hero-customer-support-layered.cjs +3 -0
- package/dist/hero-customer-support-layered.js +3 -0
- package/dist/hero-design-carousel-portfolio.cjs +3 -0
- package/dist/hero-design-carousel-portfolio.js +3 -0
- package/dist/hero-design-showcase-logos.cjs +3 -0
- package/dist/hero-design-showcase-logos.js +3 -0
- package/dist/hero-design-system-3d.cjs +3 -0
- package/dist/hero-design-system-3d.js +3 -0
- package/dist/hero-developer-tools-code.cjs +3 -0
- package/dist/hero-developer-tools-code.js +3 -0
- package/dist/hero-digital-agency-fullscreen.cjs +3 -0
- package/dist/hero-digital-agency-fullscreen.js +3 -0
- package/dist/hero-ecommerce-product-showcase.cjs +3 -0
- package/dist/hero-ecommerce-product-showcase.js +3 -0
- package/dist/hero-enterprise-security.cjs +3 -0
- package/dist/hero-enterprise-security.js +3 -0
- package/dist/hero-event-registration.cjs +3 -0
- package/dist/hero-event-registration.js +3 -0
- package/dist/hero-feature-cards-grid.cjs +3 -0
- package/dist/hero-feature-cards-grid.js +3 -0
- package/dist/hero-floating-images.cjs +3 -0
- package/dist/hero-floating-images.js +3 -0
- package/dist/hero-fullscreen-background-image.cjs +3 -0
- package/dist/hero-fullscreen-background-image.js +3 -0
- package/dist/hero-gradient-avatars-rating.cjs +3 -0
- package/dist/hero-gradient-avatars-rating.js +3 -0
- package/dist/hero-gradient-client-focused.cjs +3 -0
- package/dist/hero-gradient-client-focused.js +3 -0
- package/dist/hero-grid-pattern-solutions.cjs +3 -0
- package/dist/hero-grid-pattern-solutions.js +3 -0
- package/dist/hero-hiring-animated-text.cjs +3 -0
- package/dist/hero-hiring-animated-text.js +3 -0
- package/dist/hero-image-left-content.cjs +3 -0
- package/dist/hero-image-left-content.js +3 -0
- package/dist/hero-image-slider.cjs +3 -0
- package/dist/hero-image-slider.js +3 -0
- package/dist/hero-innovation-image-grid.cjs +3 -0
- package/dist/hero-innovation-image-grid.js +3 -0
- package/dist/hero-mental-health-team.cjs +3 -0
- package/dist/hero-mental-health-team.js +3 -0
- package/dist/hero-minimal-centered-dark.cjs +3 -0
- package/dist/hero-minimal-centered-dark.js +3 -0
- package/dist/hero-overlay-cta-grid.cjs +3 -0
- package/dist/hero-overlay-cta-grid.js +3 -0
- package/dist/hero-presentation-platform-video.cjs +3 -0
- package/dist/hero-presentation-platform-video.js +3 -0
- package/dist/hero-product-showcase-floating.cjs +3 -0
- package/dist/hero-product-showcase-floating.js +3 -0
- package/dist/hero-shared-inbox-layered.cjs +3 -0
- package/dist/hero-shared-inbox-layered.js +3 -0
- package/dist/hero-simple-centered-image.cjs +3 -0
- package/dist/hero-simple-centered-image.js +3 -0
- package/dist/hero-software-growth-video-dialog.cjs +3 -0
- package/dist/hero-software-growth-video-dialog.js +3 -0
- package/dist/hero-spiral-pattern-cards.cjs +3 -0
- package/dist/hero-spiral-pattern-cards.js +3 -0
- package/dist/hero-split-geometric-shapes.cjs +3 -0
- package/dist/hero-split-geometric-shapes.js +3 -0
- package/dist/hero-startup-launch-cta.cjs +3 -0
- package/dist/hero-startup-launch-cta.js +3 -0
- package/dist/hero-stats-social-proof.cjs +3 -0
- package/dist/hero-stats-social-proof.js +3 -0
- package/dist/hero-task-timer-animated.cjs +3 -0
- package/dist/hero-task-timer-animated.js +3 -0
- package/dist/hero-testimonial-image-grid.cjs +3 -0
- package/dist/hero-testimonial-image-grid.js +3 -0
- package/dist/hero-therapy-testimonial-grid.cjs +3 -0
- package/dist/hero-therapy-testimonial-grid.js +3 -0
- package/dist/hero-ui-library-showcase.cjs +3 -0
- package/dist/hero-ui-library-showcase.js +3 -0
- package/dist/hero-video-background-dark.cjs +3 -0
- package/dist/hero-video-background-dark.js +3 -0
- package/dist/hero-video-dialog-gradient.cjs +3 -0
- package/dist/hero-video-dialog-gradient.js +3 -0
- package/dist/hero-video-overlay-stars.cjs +3 -0
- package/dist/hero-video-overlay-stars.js +3 -0
- package/dist/hero-welcome-asymmetric-images.cjs +3 -0
- package/dist/hero-welcome-asymmetric-images.js +3 -0
- package/dist/index.cjs +3 -0
- package/dist/index.js +3 -0
- package/dist/process-sticky-steps.cjs +11 -17
- package/dist/process-sticky-steps.js +11 -17
- package/dist/registry.cjs +27 -24
- package/dist/registry.js +27 -24
- package/dist/social-link-icon.d.cts +1 -1
- package/dist/social-link-icon.d.ts +1 -1
- package/dist/stats-growth-timeline.cjs +3 -0
- package/dist/stats-growth-timeline.js +3 -0
- package/dist/testimonials-grid-add-review.cjs +3 -0
- package/dist/testimonials-grid-add-review.js +3 -0
- package/dist/testimonials-masonry-grid.cjs +3 -0
- package/dist/testimonials-masonry-grid.js +3 -0
- package/dist/testimonials-simple-grid.cjs +3 -0
- package/dist/testimonials-simple-grid.js +3 -0
- package/dist/testimonials-stats-header.cjs +3 -0
- package/dist/testimonials-stats-header.js +3 -0
- package/dist/testimonials-twitter-cards.cjs +3 -0
- package/dist/testimonials-twitter-cards.js +3 -0
- package/dist/testimonials-wall-compact.cjs +3 -0
- package/dist/testimonials-wall-compact.js +3 -0
- 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
|
|
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
|
|
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", {
|
|
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-
|
|
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
|
|
616
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative
|
|
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-
|
|
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
|
|
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
|
|
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", {
|
|
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-
|
|
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
|
|
595
|
-
/* @__PURE__ */ jsxs("div", { className: "relative
|
|
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-
|
|
605
|
+
className: "absolute -top-2 -right-2 md:size-10 lg:-right-10"
|
|
612
606
|
}
|
|
613
607
|
)
|
|
614
608
|
] }),
|