@opensite/ui 3.2.8 → 3.2.9

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 (9) hide show
  1. package/dist/community-initiatives.cjs +25 -33
  2. package/dist/community-initiatives.js +25 -33
  3. package/dist/components.cjs +25 -33
  4. package/dist/components.js +25 -33
  5. package/dist/index.cjs +25 -33
  6. package/dist/index.js +25 -33
  7. package/dist/registry.cjs +25 -33
  8. package/dist/registry.js +25 -33
  9. package/package.json +1 -1
package/dist/community-initiatives.cjs CHANGED
@@ -658,20 +658,26 @@ function CommunityInitiatives({
658
658
  children: categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: category.id, children: category.title }, category.id))
659
659
  }
660
660
  ) }),
661
- /* @__PURE__ */ jsxRuntime.jsx(TabsList, { className: "hidden h-auto grid-cols-4 p-1 md:grid ring-2 ring-primary", children: categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
662
- TabsTrigger,
661
+ /* @__PURE__ */ jsxRuntime.jsx(
662
+ TabsList,
663
663
  {
664
- value: category.id,
665
- className: cn(
666
- "px-3 py-2.5 cursor-pointer",
667
- "data-[state=active]:bg-primary data-[state=active]:text-primary-foreground",
668
- "hover:bg-muted hover:text-muted-foreground",
669
- "transition-all duration-500"
670
- ),
671
- children: category.title
672
- },
673
- category.id
674
- )) })
664
+ className: `hidden h-auto grid-cols-${categories.length} p-1 md:grid ring-2 ring-primary`,
665
+ children: categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
666
+ TabsTrigger,
667
+ {
668
+ value: category.id,
669
+ className: cn(
670
+ "px-3 py-2.5 cursor-pointer",
671
+ "data-[state=active]:bg-primary data-[state=active]:text-primary-foreground",
672
+ "hover:bg-muted hover:text-muted-foreground",
673
+ "transition-all duration-500"
674
+ ),
675
+ children: category.title
676
+ },
677
+ category.id
678
+ ))
679
+ }
680
+ )
675
681
  ] }),
676
682
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto max-w-2xl text-left md:text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "relative", children: currentCategory?.description }) }),
677
683
  categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -748,7 +754,7 @@ function CommunityInitiatives({
748
754
  )
749
755
  }
750
756
  ),
751
- /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", className: "mx-auto", children: initiative.title })
757
+ /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "mx-auto", children: initiative.title })
752
758
  ] })
753
759
  }
754
760
  )
@@ -824,29 +830,15 @@ function CommunityInitiatives({
824
830
  {
825
831
  className: cn(
826
832
  "mt-10 md:mt-24 p-6 md:p-16",
827
- "text-center flex flex-col items-center",
828
- "bg-muted text-muted-foreground",
833
+ "text-center flex flex-col items-center justify-center gap-6",
834
+ "bg-card text-card-foreground",
829
835
  "rounded-2xl shadow-lg",
830
836
  ctaClassName
831
837
  ),
832
838
  children: [
833
- ctaBadgeText && /* @__PURE__ */ jsxRuntime.jsx(
834
- "div",
835
- {
836
- className: cn(
837
- "mb-8 inline-flex items-center justify-center rounded-full p-1"
838
- ),
839
- children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "rounded-full bg-primary px-4 py-1 text-primary-foreground", children: ctaBadgeText })
840
- }
841
- ),
842
- ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 text-2xl font-bold", ctaHeadingClassName), children: ctaHeading }) : ctaHeading),
843
- ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
844
- "p",
845
- {
846
- className: cn("mx-auto mb-8 max-w-2xl", ctaDescriptionClassName),
847
- children: ctaDescription
848
- }
849
- ) : ctaDescription),
839
+ ctaBadgeText && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex items-center justify-center p-1"), children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { children: ctaBadgeText }) }),
840
+ ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("text-3xl font-bold", ctaHeadingClassName), children: ctaHeading }) : ctaHeading),
841
+ ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(ctaDescriptionClassName, "text-balance"), children: ctaDescription }) : ctaDescription),
850
842
  /* @__PURE__ */ jsxRuntime.jsx(
851
843
  BlockActions,
852
844
  {
package/dist/community-initiatives.js CHANGED
@@ -636,20 +636,26 @@ function CommunityInitiatives({
636
636
  children: categories.map((category) => /* @__PURE__ */ jsx("option", { value: category.id, children: category.title }, category.id))
637
637
  }
638
638
  ) }),
639
- /* @__PURE__ */ jsx(TabsList, { className: "hidden h-auto grid-cols-4 p-1 md:grid ring-2 ring-primary", children: categories.map((category) => /* @__PURE__ */ jsx(
640
- TabsTrigger,
639
+ /* @__PURE__ */ jsx(
640
+ TabsList,
641
641
  {
642
- value: category.id,
643
- className: cn(
644
- "px-3 py-2.5 cursor-pointer",
645
- "data-[state=active]:bg-primary data-[state=active]:text-primary-foreground",
646
- "hover:bg-muted hover:text-muted-foreground",
647
- "transition-all duration-500"
648
- ),
649
- children: category.title
650
- },
651
- category.id
652
- )) })
642
+ className: `hidden h-auto grid-cols-${categories.length} p-1 md:grid ring-2 ring-primary`,
643
+ children: categories.map((category) => /* @__PURE__ */ jsx(
644
+ TabsTrigger,
645
+ {
646
+ value: category.id,
647
+ className: cn(
648
+ "px-3 py-2.5 cursor-pointer",
649
+ "data-[state=active]:bg-primary data-[state=active]:text-primary-foreground",
650
+ "hover:bg-muted hover:text-muted-foreground",
651
+ "transition-all duration-500"
652
+ ),
653
+ children: category.title
654
+ },
655
+ category.id
656
+ ))
657
+ }
658
+ )
653
659
  ] }),
654
660
  /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-2xl text-left md:text-center", children: /* @__PURE__ */ jsx("p", { className: "relative", children: currentCategory?.description }) }),
655
661
  categories.map((category) => /* @__PURE__ */ jsx(
@@ -726,7 +732,7 @@ function CommunityInitiatives({
726
732
  )
727
733
  }
728
734
  ),
729
- /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "mx-auto", children: initiative.title })
735
+ /* @__PURE__ */ jsx(Badge, { className: "mx-auto", children: initiative.title })
730
736
  ] })
731
737
  }
732
738
  )
@@ -802,29 +808,15 @@ function CommunityInitiatives({
802
808
  {
803
809
  className: cn(
804
810
  "mt-10 md:mt-24 p-6 md:p-16",
805
- "text-center flex flex-col items-center",
806
- "bg-muted text-muted-foreground",
811
+ "text-center flex flex-col items-center justify-center gap-6",
812
+ "bg-card text-card-foreground",
807
813
  "rounded-2xl shadow-lg",
808
814
  ctaClassName
809
815
  ),
810
816
  children: [
811
- ctaBadgeText && /* @__PURE__ */ jsx(
812
- "div",
813
- {
814
- className: cn(
815
- "mb-8 inline-flex items-center justify-center rounded-full p-1"
816
- ),
817
- children: /* @__PURE__ */ jsx(Badge, { className: "rounded-full bg-primary px-4 py-1 text-primary-foreground", children: ctaBadgeText })
818
- }
819
- ),
820
- ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-2xl font-bold", ctaHeadingClassName), children: ctaHeading }) : ctaHeading),
821
- ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsx(
822
- "p",
823
- {
824
- className: cn("mx-auto mb-8 max-w-2xl", ctaDescriptionClassName),
825
- children: ctaDescription
826
- }
827
- ) : ctaDescription),
817
+ ctaBadgeText && /* @__PURE__ */ jsx("div", { className: cn("flex items-center justify-center p-1"), children: /* @__PURE__ */ jsx(Badge, { children: ctaBadgeText }) }),
818
+ ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("text-3xl font-bold", ctaHeadingClassName), children: ctaHeading }) : ctaHeading),
819
+ ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn(ctaDescriptionClassName, "text-balance"), children: ctaDescription }) : ctaDescription),
828
820
  /* @__PURE__ */ jsx(
829
821
  BlockActions,
830
822
  {
package/dist/components.cjs CHANGED
@@ -2273,20 +2273,26 @@ function CommunityInitiatives({
2273
2273
  children: categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: category.id, children: category.title }, category.id))
2274
2274
  }
2275
2275
  ) }),
2276
- /* @__PURE__ */ jsxRuntime.jsx(TabsList, { className: "hidden h-auto grid-cols-4 p-1 md:grid ring-2 ring-primary", children: categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
2277
- TabsTrigger,
2276
+ /* @__PURE__ */ jsxRuntime.jsx(
2277
+ TabsList,
2278
2278
  {
2279
- value: category.id,
2280
- className: cn(
2281
- "px-3 py-2.5 cursor-pointer",
2282
- "data-[state=active]:bg-primary data-[state=active]:text-primary-foreground",
2283
- "hover:bg-muted hover:text-muted-foreground",
2284
- "transition-all duration-500"
2285
- ),
2286
- children: category.title
2287
- },
2288
- category.id
2289
- )) })
2279
+ className: `hidden h-auto grid-cols-${categories.length} p-1 md:grid ring-2 ring-primary`,
2280
+ children: categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
2281
+ TabsTrigger,
2282
+ {
2283
+ value: category.id,
2284
+ className: cn(
2285
+ "px-3 py-2.5 cursor-pointer",
2286
+ "data-[state=active]:bg-primary data-[state=active]:text-primary-foreground",
2287
+ "hover:bg-muted hover:text-muted-foreground",
2288
+ "transition-all duration-500"
2289
+ ),
2290
+ children: category.title
2291
+ },
2292
+ category.id
2293
+ ))
2294
+ }
2295
+ )
2290
2296
  ] }),
2291
2297
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto max-w-2xl text-left md:text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "relative", children: currentCategory?.description }) }),
2292
2298
  categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -2363,7 +2369,7 @@ function CommunityInitiatives({
2363
2369
  )
2364
2370
  }
2365
2371
  ),
2366
- /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", className: "mx-auto", children: initiative.title })
2372
+ /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "mx-auto", children: initiative.title })
2367
2373
  ] })
2368
2374
  }
2369
2375
  )
@@ -2439,29 +2445,15 @@ function CommunityInitiatives({
2439
2445
  {
2440
2446
  className: cn(
2441
2447
  "mt-10 md:mt-24 p-6 md:p-16",
2442
- "text-center flex flex-col items-center",
2443
- "bg-muted text-muted-foreground",
2448
+ "text-center flex flex-col items-center justify-center gap-6",
2449
+ "bg-card text-card-foreground",
2444
2450
  "rounded-2xl shadow-lg",
2445
2451
  ctaClassName
2446
2452
  ),
2447
2453
  children: [
2448
- ctaBadgeText && /* @__PURE__ */ jsxRuntime.jsx(
2449
- "div",
2450
- {
2451
- className: cn(
2452
- "mb-8 inline-flex items-center justify-center rounded-full p-1"
2453
- ),
2454
- children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "rounded-full bg-primary px-4 py-1 text-primary-foreground", children: ctaBadgeText })
2455
- }
2456
- ),
2457
- ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 text-2xl font-bold", ctaHeadingClassName), children: ctaHeading }) : ctaHeading),
2458
- ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
2459
- "p",
2460
- {
2461
- className: cn("mx-auto mb-8 max-w-2xl", ctaDescriptionClassName),
2462
- children: ctaDescription
2463
- }
2464
- ) : ctaDescription),
2454
+ ctaBadgeText && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex items-center justify-center p-1"), children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { children: ctaBadgeText }) }),
2455
+ ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("text-3xl font-bold", ctaHeadingClassName), children: ctaHeading }) : ctaHeading),
2456
+ ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(ctaDescriptionClassName, "text-balance"), children: ctaDescription }) : ctaDescription),
2465
2457
  /* @__PURE__ */ jsxRuntime.jsx(
2466
2458
  BlockActions,
2467
2459
  {
package/dist/components.js CHANGED
@@ -2250,20 +2250,26 @@ function CommunityInitiatives({
2250
2250
  children: categories.map((category) => /* @__PURE__ */ jsx("option", { value: category.id, children: category.title }, category.id))
2251
2251
  }
2252
2252
  ) }),
2253
- /* @__PURE__ */ jsx(TabsList, { className: "hidden h-auto grid-cols-4 p-1 md:grid ring-2 ring-primary", children: categories.map((category) => /* @__PURE__ */ jsx(
2254
- TabsTrigger,
2253
+ /* @__PURE__ */ jsx(
2254
+ TabsList,
2255
2255
  {
2256
- value: category.id,
2257
- className: cn(
2258
- "px-3 py-2.5 cursor-pointer",
2259
- "data-[state=active]:bg-primary data-[state=active]:text-primary-foreground",
2260
- "hover:bg-muted hover:text-muted-foreground",
2261
- "transition-all duration-500"
2262
- ),
2263
- children: category.title
2264
- },
2265
- category.id
2266
- )) })
2256
+ className: `hidden h-auto grid-cols-${categories.length} p-1 md:grid ring-2 ring-primary`,
2257
+ children: categories.map((category) => /* @__PURE__ */ jsx(
2258
+ TabsTrigger,
2259
+ {
2260
+ value: category.id,
2261
+ className: cn(
2262
+ "px-3 py-2.5 cursor-pointer",
2263
+ "data-[state=active]:bg-primary data-[state=active]:text-primary-foreground",
2264
+ "hover:bg-muted hover:text-muted-foreground",
2265
+ "transition-all duration-500"
2266
+ ),
2267
+ children: category.title
2268
+ },
2269
+ category.id
2270
+ ))
2271
+ }
2272
+ )
2267
2273
  ] }),
2268
2274
  /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-2xl text-left md:text-center", children: /* @__PURE__ */ jsx("p", { className: "relative", children: currentCategory?.description }) }),
2269
2275
  categories.map((category) => /* @__PURE__ */ jsx(
@@ -2340,7 +2346,7 @@ function CommunityInitiatives({
2340
2346
  )
2341
2347
  }
2342
2348
  ),
2343
- /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "mx-auto", children: initiative.title })
2349
+ /* @__PURE__ */ jsx(Badge, { className: "mx-auto", children: initiative.title })
2344
2350
  ] })
2345
2351
  }
2346
2352
  )
@@ -2416,29 +2422,15 @@ function CommunityInitiatives({
2416
2422
  {
2417
2423
  className: cn(
2418
2424
  "mt-10 md:mt-24 p-6 md:p-16",
2419
- "text-center flex flex-col items-center",
2420
- "bg-muted text-muted-foreground",
2425
+ "text-center flex flex-col items-center justify-center gap-6",
2426
+ "bg-card text-card-foreground",
2421
2427
  "rounded-2xl shadow-lg",
2422
2428
  ctaClassName
2423
2429
  ),
2424
2430
  children: [
2425
- ctaBadgeText && /* @__PURE__ */ jsx(
2426
- "div",
2427
- {
2428
- className: cn(
2429
- "mb-8 inline-flex items-center justify-center rounded-full p-1"
2430
- ),
2431
- children: /* @__PURE__ */ jsx(Badge, { className: "rounded-full bg-primary px-4 py-1 text-primary-foreground", children: ctaBadgeText })
2432
- }
2433
- ),
2434
- ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-2xl font-bold", ctaHeadingClassName), children: ctaHeading }) : ctaHeading),
2435
- ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsx(
2436
- "p",
2437
- {
2438
- className: cn("mx-auto mb-8 max-w-2xl", ctaDescriptionClassName),
2439
- children: ctaDescription
2440
- }
2441
- ) : ctaDescription),
2431
+ ctaBadgeText && /* @__PURE__ */ jsx("div", { className: cn("flex items-center justify-center p-1"), children: /* @__PURE__ */ jsx(Badge, { children: ctaBadgeText }) }),
2432
+ ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("text-3xl font-bold", ctaHeadingClassName), children: ctaHeading }) : ctaHeading),
2433
+ ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn(ctaDescriptionClassName, "text-balance"), children: ctaDescription }) : ctaDescription),
2442
2434
  /* @__PURE__ */ jsx(
2443
2435
  BlockActions,
2444
2436
  {
package/dist/index.cjs CHANGED
@@ -2334,20 +2334,26 @@ function CommunityInitiatives({
2334
2334
  children: categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: category.id, children: category.title }, category.id))
2335
2335
  }
2336
2336
  ) }),
2337
- /* @__PURE__ */ jsxRuntime.jsx(TabsList, { className: "hidden h-auto grid-cols-4 p-1 md:grid ring-2 ring-primary", children: categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
2338
- TabsTrigger,
2337
+ /* @__PURE__ */ jsxRuntime.jsx(
2338
+ TabsList,
2339
2339
  {
2340
- value: category.id,
2341
- className: cn(
2342
- "px-3 py-2.5 cursor-pointer",
2343
- "data-[state=active]:bg-primary data-[state=active]:text-primary-foreground",
2344
- "hover:bg-muted hover:text-muted-foreground",
2345
- "transition-all duration-500"
2346
- ),
2347
- children: category.title
2348
- },
2349
- category.id
2350
- )) })
2340
+ className: `hidden h-auto grid-cols-${categories.length} p-1 md:grid ring-2 ring-primary`,
2341
+ children: categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
2342
+ TabsTrigger,
2343
+ {
2344
+ value: category.id,
2345
+ className: cn(
2346
+ "px-3 py-2.5 cursor-pointer",
2347
+ "data-[state=active]:bg-primary data-[state=active]:text-primary-foreground",
2348
+ "hover:bg-muted hover:text-muted-foreground",
2349
+ "transition-all duration-500"
2350
+ ),
2351
+ children: category.title
2352
+ },
2353
+ category.id
2354
+ ))
2355
+ }
2356
+ )
2351
2357
  ] }),
2352
2358
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto max-w-2xl text-left md:text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "relative", children: currentCategory?.description }) }),
2353
2359
  categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -2424,7 +2430,7 @@ function CommunityInitiatives({
2424
2430
  )
2425
2431
  }
2426
2432
  ),
2427
- /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", className: "mx-auto", children: initiative.title })
2433
+ /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "mx-auto", children: initiative.title })
2428
2434
  ] })
2429
2435
  }
2430
2436
  )
@@ -2500,29 +2506,15 @@ function CommunityInitiatives({
2500
2506
  {
2501
2507
  className: cn(
2502
2508
  "mt-10 md:mt-24 p-6 md:p-16",
2503
- "text-center flex flex-col items-center",
2504
- "bg-muted text-muted-foreground",
2509
+ "text-center flex flex-col items-center justify-center gap-6",
2510
+ "bg-card text-card-foreground",
2505
2511
  "rounded-2xl shadow-lg",
2506
2512
  ctaClassName
2507
2513
  ),
2508
2514
  children: [
2509
- ctaBadgeText && /* @__PURE__ */ jsxRuntime.jsx(
2510
- "div",
2511
- {
2512
- className: cn(
2513
- "mb-8 inline-flex items-center justify-center rounded-full p-1"
2514
- ),
2515
- children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "rounded-full bg-primary px-4 py-1 text-primary-foreground", children: ctaBadgeText })
2516
- }
2517
- ),
2518
- ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 text-2xl font-bold", ctaHeadingClassName), children: ctaHeading }) : ctaHeading),
2519
- ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
2520
- "p",
2521
- {
2522
- className: cn("mx-auto mb-8 max-w-2xl", ctaDescriptionClassName),
2523
- children: ctaDescription
2524
- }
2525
- ) : ctaDescription),
2515
+ ctaBadgeText && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex items-center justify-center p-1"), children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { children: ctaBadgeText }) }),
2516
+ ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("text-3xl font-bold", ctaHeadingClassName), children: ctaHeading }) : ctaHeading),
2517
+ ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(ctaDescriptionClassName, "text-balance"), children: ctaDescription }) : ctaDescription),
2526
2518
  /* @__PURE__ */ jsxRuntime.jsx(
2527
2519
  BlockActions,
2528
2520
  {
package/dist/index.js CHANGED
@@ -2312,20 +2312,26 @@ function CommunityInitiatives({
2312
2312
  children: categories.map((category) => /* @__PURE__ */ jsx("option", { value: category.id, children: category.title }, category.id))
2313
2313
  }
2314
2314
  ) }),
2315
- /* @__PURE__ */ jsx(TabsList, { className: "hidden h-auto grid-cols-4 p-1 md:grid ring-2 ring-primary", children: categories.map((category) => /* @__PURE__ */ jsx(
2316
- TabsTrigger,
2315
+ /* @__PURE__ */ jsx(
2316
+ TabsList,
2317
2317
  {
2318
- value: category.id,
2319
- className: cn(
2320
- "px-3 py-2.5 cursor-pointer",
2321
- "data-[state=active]:bg-primary data-[state=active]:text-primary-foreground",
2322
- "hover:bg-muted hover:text-muted-foreground",
2323
- "transition-all duration-500"
2324
- ),
2325
- children: category.title
2326
- },
2327
- category.id
2328
- )) })
2318
+ className: `hidden h-auto grid-cols-${categories.length} p-1 md:grid ring-2 ring-primary`,
2319
+ children: categories.map((category) => /* @__PURE__ */ jsx(
2320
+ TabsTrigger,
2321
+ {
2322
+ value: category.id,
2323
+ className: cn(
2324
+ "px-3 py-2.5 cursor-pointer",
2325
+ "data-[state=active]:bg-primary data-[state=active]:text-primary-foreground",
2326
+ "hover:bg-muted hover:text-muted-foreground",
2327
+ "transition-all duration-500"
2328
+ ),
2329
+ children: category.title
2330
+ },
2331
+ category.id
2332
+ ))
2333
+ }
2334
+ )
2329
2335
  ] }),
2330
2336
  /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-2xl text-left md:text-center", children: /* @__PURE__ */ jsx("p", { className: "relative", children: currentCategory?.description }) }),
2331
2337
  categories.map((category) => /* @__PURE__ */ jsx(
@@ -2402,7 +2408,7 @@ function CommunityInitiatives({
2402
2408
  )
2403
2409
  }
2404
2410
  ),
2405
- /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "mx-auto", children: initiative.title })
2411
+ /* @__PURE__ */ jsx(Badge, { className: "mx-auto", children: initiative.title })
2406
2412
  ] })
2407
2413
  }
2408
2414
  )
@@ -2478,29 +2484,15 @@ function CommunityInitiatives({
2478
2484
  {
2479
2485
  className: cn(
2480
2486
  "mt-10 md:mt-24 p-6 md:p-16",
2481
- "text-center flex flex-col items-center",
2482
- "bg-muted text-muted-foreground",
2487
+ "text-center flex flex-col items-center justify-center gap-6",
2488
+ "bg-card text-card-foreground",
2483
2489
  "rounded-2xl shadow-lg",
2484
2490
  ctaClassName
2485
2491
  ),
2486
2492
  children: [
2487
- ctaBadgeText && /* @__PURE__ */ jsx(
2488
- "div",
2489
- {
2490
- className: cn(
2491
- "mb-8 inline-flex items-center justify-center rounded-full p-1"
2492
- ),
2493
- children: /* @__PURE__ */ jsx(Badge, { className: "rounded-full bg-primary px-4 py-1 text-primary-foreground", children: ctaBadgeText })
2494
- }
2495
- ),
2496
- ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-2xl font-bold", ctaHeadingClassName), children: ctaHeading }) : ctaHeading),
2497
- ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsx(
2498
- "p",
2499
- {
2500
- className: cn("mx-auto mb-8 max-w-2xl", ctaDescriptionClassName),
2501
- children: ctaDescription
2502
- }
2503
- ) : ctaDescription),
2493
+ ctaBadgeText && /* @__PURE__ */ jsx("div", { className: cn("flex items-center justify-center p-1"), children: /* @__PURE__ */ jsx(Badge, { children: ctaBadgeText }) }),
2494
+ ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("text-3xl font-bold", ctaHeadingClassName), children: ctaHeading }) : ctaHeading),
2495
+ ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn(ctaDescriptionClassName, "text-balance"), children: ctaDescription }) : ctaDescription),
2504
2496
  /* @__PURE__ */ jsx(
2505
2497
  BlockActions,
2506
2498
  {
package/dist/registry.cjs CHANGED
@@ -2068,20 +2068,26 @@ function CommunityInitiatives({
2068
2068
  children: categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: category.id, children: category.title }, category.id))
2069
2069
  }
2070
2070
  ) }),
2071
- /* @__PURE__ */ jsxRuntime.jsx(TabsList, { className: "hidden h-auto grid-cols-4 p-1 md:grid ring-2 ring-primary", children: categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
2072
- TabsTrigger,
2071
+ /* @__PURE__ */ jsxRuntime.jsx(
2072
+ TabsList,
2073
2073
  {
2074
- value: category.id,
2075
- className: cn(
2076
- "px-3 py-2.5 cursor-pointer",
2077
- "data-[state=active]:bg-primary data-[state=active]:text-primary-foreground",
2078
- "hover:bg-muted hover:text-muted-foreground",
2079
- "transition-all duration-500"
2080
- ),
2081
- children: category.title
2082
- },
2083
- category.id
2084
- )) })
2074
+ className: `hidden h-auto grid-cols-${categories.length} p-1 md:grid ring-2 ring-primary`,
2075
+ children: categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
2076
+ TabsTrigger,
2077
+ {
2078
+ value: category.id,
2079
+ className: cn(
2080
+ "px-3 py-2.5 cursor-pointer",
2081
+ "data-[state=active]:bg-primary data-[state=active]:text-primary-foreground",
2082
+ "hover:bg-muted hover:text-muted-foreground",
2083
+ "transition-all duration-500"
2084
+ ),
2085
+ children: category.title
2086
+ },
2087
+ category.id
2088
+ ))
2089
+ }
2090
+ )
2085
2091
  ] }),
2086
2092
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto max-w-2xl text-left md:text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "relative", children: currentCategory?.description }) }),
2087
2093
  categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -2158,7 +2164,7 @@ function CommunityInitiatives({
2158
2164
  )
2159
2165
  }
2160
2166
  ),
2161
- /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", className: "mx-auto", children: initiative.title })
2167
+ /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "mx-auto", children: initiative.title })
2162
2168
  ] })
2163
2169
  }
2164
2170
  )
@@ -2234,29 +2240,15 @@ function CommunityInitiatives({
2234
2240
  {
2235
2241
  className: cn(
2236
2242
  "mt-10 md:mt-24 p-6 md:p-16",
2237
- "text-center flex flex-col items-center",
2238
- "bg-muted text-muted-foreground",
2243
+ "text-center flex flex-col items-center justify-center gap-6",
2244
+ "bg-card text-card-foreground",
2239
2245
  "rounded-2xl shadow-lg",
2240
2246
  ctaClassName
2241
2247
  ),
2242
2248
  children: [
2243
- ctaBadgeText && /* @__PURE__ */ jsxRuntime.jsx(
2244
- "div",
2245
- {
2246
- className: cn(
2247
- "mb-8 inline-flex items-center justify-center rounded-full p-1"
2248
- ),
2249
- children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "rounded-full bg-primary px-4 py-1 text-primary-foreground", children: ctaBadgeText })
2250
- }
2251
- ),
2252
- ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 text-2xl font-bold", ctaHeadingClassName), children: ctaHeading }) : ctaHeading),
2253
- ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
2254
- "p",
2255
- {
2256
- className: cn("mx-auto mb-8 max-w-2xl", ctaDescriptionClassName),
2257
- children: ctaDescription
2258
- }
2259
- ) : ctaDescription),
2249
+ ctaBadgeText && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex items-center justify-center p-1"), children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { children: ctaBadgeText }) }),
2250
+ ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("text-3xl font-bold", ctaHeadingClassName), children: ctaHeading }) : ctaHeading),
2251
+ ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(ctaDescriptionClassName, "text-balance"), children: ctaDescription }) : ctaDescription),
2260
2252
  /* @__PURE__ */ jsxRuntime.jsx(
2261
2253
  BlockActions,
2262
2254
  {
package/dist/registry.js CHANGED
@@ -2028,20 +2028,26 @@ function CommunityInitiatives({
2028
2028
  children: categories.map((category) => /* @__PURE__ */ jsx("option", { value: category.id, children: category.title }, category.id))
2029
2029
  }
2030
2030
  ) }),
2031
- /* @__PURE__ */ jsx(TabsList, { className: "hidden h-auto grid-cols-4 p-1 md:grid ring-2 ring-primary", children: categories.map((category) => /* @__PURE__ */ jsx(
2032
- TabsTrigger,
2031
+ /* @__PURE__ */ jsx(
2032
+ TabsList,
2033
2033
  {
2034
- value: category.id,
2035
- className: cn(
2036
- "px-3 py-2.5 cursor-pointer",
2037
- "data-[state=active]:bg-primary data-[state=active]:text-primary-foreground",
2038
- "hover:bg-muted hover:text-muted-foreground",
2039
- "transition-all duration-500"
2040
- ),
2041
- children: category.title
2042
- },
2043
- category.id
2044
- )) })
2034
+ className: `hidden h-auto grid-cols-${categories.length} p-1 md:grid ring-2 ring-primary`,
2035
+ children: categories.map((category) => /* @__PURE__ */ jsx(
2036
+ TabsTrigger,
2037
+ {
2038
+ value: category.id,
2039
+ className: cn(
2040
+ "px-3 py-2.5 cursor-pointer",
2041
+ "data-[state=active]:bg-primary data-[state=active]:text-primary-foreground",
2042
+ "hover:bg-muted hover:text-muted-foreground",
2043
+ "transition-all duration-500"
2044
+ ),
2045
+ children: category.title
2046
+ },
2047
+ category.id
2048
+ ))
2049
+ }
2050
+ )
2045
2051
  ] }),
2046
2052
  /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-2xl text-left md:text-center", children: /* @__PURE__ */ jsx("p", { className: "relative", children: currentCategory?.description }) }),
2047
2053
  categories.map((category) => /* @__PURE__ */ jsx(
@@ -2118,7 +2124,7 @@ function CommunityInitiatives({
2118
2124
  )
2119
2125
  }
2120
2126
  ),
2121
- /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "mx-auto", children: initiative.title })
2127
+ /* @__PURE__ */ jsx(Badge, { className: "mx-auto", children: initiative.title })
2122
2128
  ] })
2123
2129
  }
2124
2130
  )
@@ -2194,29 +2200,15 @@ function CommunityInitiatives({
2194
2200
  {
2195
2201
  className: cn(
2196
2202
  "mt-10 md:mt-24 p-6 md:p-16",
2197
- "text-center flex flex-col items-center",
2198
- "bg-muted text-muted-foreground",
2203
+ "text-center flex flex-col items-center justify-center gap-6",
2204
+ "bg-card text-card-foreground",
2199
2205
  "rounded-2xl shadow-lg",
2200
2206
  ctaClassName
2201
2207
  ),
2202
2208
  children: [
2203
- ctaBadgeText && /* @__PURE__ */ jsx(
2204
- "div",
2205
- {
2206
- className: cn(
2207
- "mb-8 inline-flex items-center justify-center rounded-full p-1"
2208
- ),
2209
- children: /* @__PURE__ */ jsx(Badge, { className: "rounded-full bg-primary px-4 py-1 text-primary-foreground", children: ctaBadgeText })
2210
- }
2211
- ),
2212
- ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-2xl font-bold", ctaHeadingClassName), children: ctaHeading }) : ctaHeading),
2213
- ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsx(
2214
- "p",
2215
- {
2216
- className: cn("mx-auto mb-8 max-w-2xl", ctaDescriptionClassName),
2217
- children: ctaDescription
2218
- }
2219
- ) : ctaDescription),
2209
+ ctaBadgeText && /* @__PURE__ */ jsx("div", { className: cn("flex items-center justify-center p-1"), children: /* @__PURE__ */ jsx(Badge, { children: ctaBadgeText }) }),
2210
+ ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("text-3xl font-bold", ctaHeadingClassName), children: ctaHeading }) : ctaHeading),
2211
+ ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn(ctaDescriptionClassName, "text-balance"), children: ctaDescription }) : ctaDescription),
2220
2212
  /* @__PURE__ */ jsx(
2221
2213
  BlockActions,
2222
2214
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "3.2.8",
3
+ "version": "3.2.9",
4
4
  "description": "Foundational UI component library for OpenSite Semantic Site Builder with tree-shakable exports and abstract styling",
5
5
  "keywords": [
6
6
  "react",