@opensite/ui 2.7.1 → 2.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/about-interactive-tabs.cjs +12 -12
  2. package/dist/about-interactive-tabs.js +12 -12
  3. package/dist/about-network-spotlight.cjs +632 -655
  4. package/dist/about-network-spotlight.js +630 -653
  5. package/dist/about-story-expertise.cjs +12 -20
  6. package/dist/about-story-expertise.js +12 -20
  7. package/dist/blog-carousel-apple.cjs +11 -8
  8. package/dist/blog-carousel-apple.js +11 -8
  9. package/dist/blog-masonry-featured.cjs +4 -4
  10. package/dist/blog-masonry-featured.js +4 -4
  11. package/dist/blog-tech-insights.cjs +48 -63
  12. package/dist/blog-tech-insights.d.cts +1 -1
  13. package/dist/blog-tech-insights.d.ts +1 -1
  14. package/dist/blog-tech-insights.js +48 -63
  15. package/dist/carousel-scrolling-feature-showcase.cjs +3 -3
  16. package/dist/carousel-scrolling-feature-showcase.js +3 -3
  17. package/dist/faq-split-help.cjs +17 -42
  18. package/dist/faq-split-help.d.cts +1 -1
  19. package/dist/faq-split-help.d.ts +1 -1
  20. package/dist/faq-split-help.js +17 -42
  21. package/dist/registry.cjs +163 -219
  22. package/dist/registry.js +163 -219
  23. package/dist/stats-impact-grid.cjs +44 -92
  24. package/dist/stats-impact-grid.js +44 -92
  25. package/package.json +1 -1
package/dist/about-interactive-tabs.cjs CHANGED
@@ -445,7 +445,10 @@ function AboutInteractiveTabs({
445
445
  "div",
446
446
  {
447
447
  className: cn(
448
- "flex overflow-x-auto gap-2 border-b scrollbar-none -mx-4 px-4 sm:mx-0 sm:px-0 sm:justify-center",
448
+ "flex sm:justify-center",
449
+ "border-b border-border/50",
450
+ "-mx-4 px-4 sm:mx-0 sm:px-0",
451
+ "overflow-x-auto gap-2 scrollbar-none",
449
452
  tabsContainerClassName
450
453
  ),
451
454
  children: tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -453,7 +456,8 @@ function AboutInteractiveTabs({
453
456
  {
454
457
  onClick: () => handleTabChange(tab.id),
455
458
  className: cn(
456
- "shrink-0 whitespace-nowrap px-6 py-3 text-sm font-medium transition-colors",
459
+ "shrink-0 whitespace-nowrap px-6 py-3",
460
+ "text-sm font-medium transition-colors rounded-t-lg",
457
461
  activeTab === tab.id ? cn(
458
462
  "border-b-2 border-primary",
459
463
  "bg-primary text-primary-foreground",
@@ -461,7 +465,8 @@ function AboutInteractiveTabs({
461
465
  ) : cn(
462
466
  "border-b-2 border-muted",
463
467
  "bg-muted text-muted-foreground",
464
- "hover:bg-primary hover:text-primary-foreground hover:border-primary"
468
+ "hover:bg-primary hover:text-primary-foreground hover:border-primary",
469
+ "cursor-pointer"
465
470
  ),
466
471
  tabButtonClassName
467
472
  ),
@@ -480,20 +485,14 @@ function AboutInteractiveTabs({
480
485
  ),
481
486
  children: [
482
487
  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
483
- typeof activeContent.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
484
- "h2",
485
- {
486
- className: cn("text-3xl font-bold", tabContentTitleClassName),
487
- children: activeContent.title
488
- }
489
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: tabContentTitleClassName, children: activeContent.title }),
488
+ typeof activeContent.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("font-bold", tabContentTitleClassName), children: activeContent.title }) : activeContent.title,
490
489
  typeof activeContent.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
491
490
  "p",
492
491
  {
493
492
  className: cn("mt-4 text-lg", tabContentDescriptionClassName),
494
493
  children: activeContent.description
495
494
  }
496
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", tabContentDescriptionClassName), children: activeContent.description })
495
+ ) : activeContent.description
497
496
  ] }),
498
497
  activeContent.image && /* @__PURE__ */ jsxRuntime.jsx(
499
498
  img.Img,
@@ -501,7 +500,8 @@ function AboutInteractiveTabs({
501
500
  src: activeContent.image.src,
502
501
  alt: activeContent.image.alt,
503
502
  className: cn(
504
- "w-full h-auto rounded-2xl object-cover lg:h-full",
503
+ "aspect-video w-full h-full",
504
+ "rounded-2xl shadow-xl object-cover",
505
505
  tabContentImageClassName
506
506
  ),
507
507
  optixFlowConfig
package/dist/about-interactive-tabs.js CHANGED
@@ -424,7 +424,10 @@ function AboutInteractiveTabs({
424
424
  "div",
425
425
  {
426
426
  className: cn(
427
- "flex overflow-x-auto gap-2 border-b scrollbar-none -mx-4 px-4 sm:mx-0 sm:px-0 sm:justify-center",
427
+ "flex sm:justify-center",
428
+ "border-b border-border/50",
429
+ "-mx-4 px-4 sm:mx-0 sm:px-0",
430
+ "overflow-x-auto gap-2 scrollbar-none",
428
431
  tabsContainerClassName
429
432
  ),
430
433
  children: tabs.map((tab) => /* @__PURE__ */ jsx(
@@ -432,7 +435,8 @@ function AboutInteractiveTabs({
432
435
  {
433
436
  onClick: () => handleTabChange(tab.id),
434
437
  className: cn(
435
- "shrink-0 whitespace-nowrap px-6 py-3 text-sm font-medium transition-colors",
438
+ "shrink-0 whitespace-nowrap px-6 py-3",
439
+ "text-sm font-medium transition-colors rounded-t-lg",
436
440
  activeTab === tab.id ? cn(
437
441
  "border-b-2 border-primary",
438
442
  "bg-primary text-primary-foreground",
@@ -440,7 +444,8 @@ function AboutInteractiveTabs({
440
444
  ) : cn(
441
445
  "border-b-2 border-muted",
442
446
  "bg-muted text-muted-foreground",
443
- "hover:bg-primary hover:text-primary-foreground hover:border-primary"
447
+ "hover:bg-primary hover:text-primary-foreground hover:border-primary",
448
+ "cursor-pointer"
444
449
  ),
445
450
  tabButtonClassName
446
451
  ),
@@ -459,20 +464,14 @@ function AboutInteractiveTabs({
459
464
  ),
460
465
  children: [
461
466
  /* @__PURE__ */ jsxs("div", { children: [
462
- typeof activeContent.title === "string" ? /* @__PURE__ */ jsx(
463
- "h2",
464
- {
465
- className: cn("text-3xl font-bold", tabContentTitleClassName),
466
- children: activeContent.title
467
- }
468
- ) : /* @__PURE__ */ jsx("div", { className: tabContentTitleClassName, children: activeContent.title }),
467
+ typeof activeContent.title === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("font-bold", tabContentTitleClassName), children: activeContent.title }) : activeContent.title,
469
468
  typeof activeContent.description === "string" ? /* @__PURE__ */ jsx(
470
469
  "p",
471
470
  {
472
471
  className: cn("mt-4 text-lg", tabContentDescriptionClassName),
473
472
  children: activeContent.description
474
473
  }
475
- ) : /* @__PURE__ */ jsx("div", { className: cn("mt-4", tabContentDescriptionClassName), children: activeContent.description })
474
+ ) : activeContent.description
476
475
  ] }),
477
476
  activeContent.image && /* @__PURE__ */ jsx(
478
477
  Img,
@@ -480,7 +479,8 @@ function AboutInteractiveTabs({
480
479
  src: activeContent.image.src,
481
480
  alt: activeContent.image.alt,
482
481
  className: cn(
483
- "w-full h-auto rounded-2xl object-cover lg:h-full",
482
+ "aspect-video w-full h-full",
483
+ "rounded-2xl shadow-xl object-cover",
484
484
  tabContentImageClassName
485
485
  ),
486
486
  optixFlowConfig