@opensite/ui 1.2.4 → 1.2.5

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 (27) hide show
  1. package/dist/feature-accordion-image.cjs +101 -27
  2. package/dist/feature-accordion-image.js +101 -27
  3. package/dist/feature-animated-carousel.cjs +801 -293
  4. package/dist/feature-animated-carousel.d.cts +25 -1
  5. package/dist/feature-animated-carousel.d.ts +25 -1
  6. package/dist/feature-animated-carousel.js +799 -291
  7. package/dist/feature-card-grid-linked.cjs +1 -1
  8. package/dist/feature-card-grid-linked.js +1 -1
  9. package/dist/feature-carousel-progress.cjs +23 -10
  10. package/dist/feature-carousel-progress.js +23 -10
  11. package/dist/feature-checklist-image.cjs +1 -1
  12. package/dist/feature-checklist-image.js +1 -1
  13. package/dist/feature-icon-grid-muted.cjs +521 -15
  14. package/dist/feature-icon-grid-muted.d.cts +5 -1
  15. package/dist/feature-icon-grid-muted.d.ts +5 -1
  16. package/dist/feature-icon-grid-muted.js +521 -15
  17. package/dist/feature-image-cards-three-column.cjs +146 -75
  18. package/dist/feature-image-cards-three-column.d.cts +5 -1
  19. package/dist/feature-image-cards-three-column.d.ts +5 -1
  20. package/dist/feature-image-cards-three-column.js +146 -75
  21. package/dist/feature-numbered-cards.cjs +1 -1
  22. package/dist/feature-numbered-cards.js +1 -1
  23. package/dist/feature-stats-highlight.cjs +25 -39
  24. package/dist/feature-stats-highlight.js +25 -39
  25. package/dist/registry.cjs +756 -413
  26. package/dist/registry.js +756 -413
  27. package/package.json +1 -1
package/dist/feature-card-grid-linked.cjs CHANGED
@@ -887,7 +887,7 @@ function FeatureCardGridLinked({
887
887
  features,
888
888
  featuresSlot,
889
889
  className,
890
- containerClassName = "px-6 sm:px-6 md:mx-6 lg:px-8",
890
+ containerClassName = "px-6 sm:px-6 md:px-6 lg:px-8",
891
891
  titleWrapperClassName,
892
892
  titleClassName,
893
893
  descriptionClassName,
package/dist/feature-card-grid-linked.js CHANGED
@@ -866,7 +866,7 @@ function FeatureCardGridLinked({
866
866
  features,
867
867
  featuresSlot,
868
868
  className,
869
- containerClassName = "px-6 sm:px-6 md:mx-6 lg:px-8",
869
+ containerClassName = "px-6 sm:px-6 md:px-6 lg:px-8",
870
870
  titleWrapperClassName,
871
871
  titleClassName,
872
872
  descriptionClassName,
package/dist/feature-carousel-progress.cjs CHANGED
@@ -1213,7 +1213,7 @@ function FeatureCarouselProgress({
1213
1213
  slides,
1214
1214
  slidesSlot,
1215
1215
  className,
1216
- containerClassName = "px-6 sm:px-6 md:mx-6 lg:px-8",
1216
+ containerClassName = "mx-0 w-full relative z-10 max-w-full px-6 sm:px-6 md:mx-0 lg:px-8",
1217
1217
  headerClassName,
1218
1218
  badgeClassName,
1219
1219
  carouselClassName,
@@ -1221,7 +1221,7 @@ function FeatureCarouselProgress({
1221
1221
  progressClassName,
1222
1222
  cardClassName,
1223
1223
  background,
1224
- spacing = "py-6 md:py-32",
1224
+ spacing = "py-12 md:py-32",
1225
1225
  pattern,
1226
1226
  patternOpacity,
1227
1227
  patternClassName
@@ -1254,7 +1254,11 @@ function FeatureCarouselProgress({
1254
1254
  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-1 h-auto md:h-full", children: /* @__PURE__ */ jsxRuntime.jsx(
1255
1255
  Card,
1256
1256
  {
1257
- className: cn("h-auto md:h-full", cardClassName, slide.className),
1257
+ className: cn(
1258
+ "h-auto md:h-full py-0",
1259
+ cardClassName,
1260
+ slide.className
1261
+ ),
1258
1262
  children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: "flex flex-col justify-center p-6 h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-full justify-between", children: [
1259
1263
  (slide.icon || slide.iconName) && /* @__PURE__ */ jsxRuntime.jsx(
1260
1264
  "span",
@@ -1266,7 +1270,7 @@ function FeatureCarouselProgress({
1266
1270
  children: renderSlideIcon(slide)
1267
1271
  }
1268
1272
  ),
1269
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
1273
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
1270
1274
  slide.title && (typeof slide.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1271
1275
  Pressable,
1272
1276
  {
@@ -1291,7 +1295,7 @@ function FeatureCarouselProgress({
1291
1295
  "p",
1292
1296
  {
1293
1297
  className: cn(
1294
- "pt-2 text-card-foreground",
1298
+ "text-card-foreground",
1295
1299
  slide.descriptionClassName
1296
1300
  ),
1297
1301
  children: slide.description
@@ -1300,7 +1304,7 @@ function FeatureCarouselProgress({
1300
1304
  "div",
1301
1305
  {
1302
1306
  className: cn(
1303
- "pt-2 text-card-foreground",
1307
+ "text-card-foreground",
1304
1308
  slide.descriptionClassName
1305
1309
  ),
1306
1310
  children: slide.description
@@ -1328,14 +1332,17 @@ function FeatureCarouselProgress({
1328
1332
  badge || title || description ? /* @__PURE__ */ jsxRuntime.jsxs(
1329
1333
  "div",
1330
1334
  {
1331
- className: cn("flex flex-col items-center gap-6", headerClassName),
1335
+ className: cn(
1336
+ "flex flex-col items-center gap-6 text-center",
1337
+ headerClassName
1338
+ ),
1332
1339
  children: [
1333
1340
  badge && /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: badgeClassName, children: badge }),
1334
1341
  title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1335
1342
  "h2",
1336
1343
  {
1337
1344
  className: cn(
1338
- "text-xl font-semibold text-balance md:text-2xl lg:text-3xl",
1345
+ "text-xl font-semibold text-balance md:text-2xl lg:text-3xl max-w-lg md:max-w-md",
1339
1346
  titleClassName
1340
1347
  ),
1341
1348
  children: title
@@ -1344,13 +1351,19 @@ function FeatureCarouselProgress({
1344
1351
  "div",
1345
1352
  {
1346
1353
  className: cn(
1347
- "text-xl font-semibold text-balance md:text-2xl lg:text-3xl",
1354
+ "text-xl font-semibold text-balance md:text-2xl lg:text-3xl max-w-lg md:max-w-md",
1348
1355
  titleClassName
1349
1356
  ),
1350
1357
  children: title
1351
1358
  }
1352
1359
  )),
1353
- description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-1 md:mt-6", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-1 md:mt-6", descriptionClassName), children: description }))
1360
+ description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("max-w-lg md:max-w-md", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx(
1361
+ "div",
1362
+ {
1363
+ className: cn("max-w-lg md:max-w-md", descriptionClassName),
1364
+ children: description
1365
+ }
1366
+ ))
1354
1367
  ]
1355
1368
  }
1356
1369
  ) : null,
package/dist/feature-carousel-progress.js CHANGED
@@ -1188,7 +1188,7 @@ function FeatureCarouselProgress({
1188
1188
  slides,
1189
1189
  slidesSlot,
1190
1190
  className,
1191
- containerClassName = "px-6 sm:px-6 md:mx-6 lg:px-8",
1191
+ containerClassName = "mx-0 w-full relative z-10 max-w-full px-6 sm:px-6 md:mx-0 lg:px-8",
1192
1192
  headerClassName,
1193
1193
  badgeClassName,
1194
1194
  carouselClassName,
@@ -1196,7 +1196,7 @@ function FeatureCarouselProgress({
1196
1196
  progressClassName,
1197
1197
  cardClassName,
1198
1198
  background,
1199
- spacing = "py-6 md:py-32",
1199
+ spacing = "py-12 md:py-32",
1200
1200
  pattern,
1201
1201
  patternOpacity,
1202
1202
  patternClassName
@@ -1229,7 +1229,11 @@ function FeatureCarouselProgress({
1229
1229
  children: /* @__PURE__ */ jsx("div", { className: "p-1 h-auto md:h-full", children: /* @__PURE__ */ jsx(
1230
1230
  Card,
1231
1231
  {
1232
- className: cn("h-auto md:h-full", cardClassName, slide.className),
1232
+ className: cn(
1233
+ "h-auto md:h-full py-0",
1234
+ cardClassName,
1235
+ slide.className
1236
+ ),
1233
1237
  children: /* @__PURE__ */ jsx(CardContent, { className: "flex flex-col justify-center p-6 h-full", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full justify-between", children: [
1234
1238
  (slide.icon || slide.iconName) && /* @__PURE__ */ jsx(
1235
1239
  "span",
@@ -1241,7 +1245,7 @@ function FeatureCarouselProgress({
1241
1245
  children: renderSlideIcon(slide)
1242
1246
  }
1243
1247
  ),
1244
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
1248
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
1245
1249
  slide.title && (typeof slide.title === "string" ? /* @__PURE__ */ jsx(
1246
1250
  Pressable,
1247
1251
  {
@@ -1266,7 +1270,7 @@ function FeatureCarouselProgress({
1266
1270
  "p",
1267
1271
  {
1268
1272
  className: cn(
1269
- "pt-2 text-card-foreground",
1273
+ "text-card-foreground",
1270
1274
  slide.descriptionClassName
1271
1275
  ),
1272
1276
  children: slide.description
@@ -1275,7 +1279,7 @@ function FeatureCarouselProgress({
1275
1279
  "div",
1276
1280
  {
1277
1281
  className: cn(
1278
- "pt-2 text-card-foreground",
1282
+ "text-card-foreground",
1279
1283
  slide.descriptionClassName
1280
1284
  ),
1281
1285
  children: slide.description
@@ -1303,14 +1307,17 @@ function FeatureCarouselProgress({
1303
1307
  badge || title || description ? /* @__PURE__ */ jsxs(
1304
1308
  "div",
1305
1309
  {
1306
- className: cn("flex flex-col items-center gap-6", headerClassName),
1310
+ className: cn(
1311
+ "flex flex-col items-center gap-6 text-center",
1312
+ headerClassName
1313
+ ),
1307
1314
  children: [
1308
1315
  badge && /* @__PURE__ */ jsx(Badge, { className: badgeClassName, children: badge }),
1309
1316
  title && (typeof title === "string" ? /* @__PURE__ */ jsx(
1310
1317
  "h2",
1311
1318
  {
1312
1319
  className: cn(
1313
- "text-xl font-semibold text-balance md:text-2xl lg:text-3xl",
1320
+ "text-xl font-semibold text-balance md:text-2xl lg:text-3xl max-w-lg md:max-w-md",
1314
1321
  titleClassName
1315
1322
  ),
1316
1323
  children: title
@@ -1319,13 +1326,19 @@ function FeatureCarouselProgress({
1319
1326
  "div",
1320
1327
  {
1321
1328
  className: cn(
1322
- "text-xl font-semibold text-balance md:text-2xl lg:text-3xl",
1329
+ "text-xl font-semibold text-balance md:text-2xl lg:text-3xl max-w-lg md:max-w-md",
1323
1330
  titleClassName
1324
1331
  ),
1325
1332
  children: title
1326
1333
  }
1327
1334
  )),
1328
- description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-1 md:mt-6", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: cn("mt-1 md:mt-6", descriptionClassName), children: description }))
1335
+ description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("max-w-lg md:max-w-md", descriptionClassName), children: description }) : /* @__PURE__ */ jsx(
1336
+ "div",
1337
+ {
1338
+ className: cn("max-w-lg md:max-w-md", descriptionClassName),
1339
+ children: description
1340
+ }
1341
+ ))
1329
1342
  ]
1330
1343
  }
1331
1344
  ) : null,
package/dist/feature-checklist-image.cjs CHANGED
@@ -943,7 +943,7 @@ function FeatureChecklistImage({
943
943
  checklistItems,
944
944
  checklistSlot,
945
945
  className,
946
- containerClassName = "px-6 sm:px-6 md:mx-6 lg:px-8",
946
+ containerClassName = "px-6 sm:px-6 md:px-6 lg:px-8",
947
947
  contentWrapperClassName,
948
948
  imageClassName,
949
949
  contentClassName,
package/dist/feature-checklist-image.js CHANGED
@@ -922,7 +922,7 @@ function FeatureChecklistImage({
922
922
  checklistItems,
923
923
  checklistSlot,
924
924
  className,
925
- containerClassName = "px-6 sm:px-6 md:mx-6 lg:px-8",
925
+ containerClassName = "px-6 sm:px-6 md:px-6 lg:px-8",
926
926
  contentWrapperClassName,
927
927
  imageClassName,
928
928
  contentClassName,