@opensite/ui 0.7.0 → 0.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 (71) hide show
  1. package/dist/blog-cards-read-time.cjs +1 -1
  2. package/dist/blog-cards-read-time.js +1 -1
  3. package/dist/blog-cards-tagline-cta.cjs +1 -1
  4. package/dist/blog-cards-tagline-cta.js +1 -1
  5. package/dist/blog-category-overlay.cjs +1 -1
  6. package/dist/blog-category-overlay.js +1 -1
  7. package/dist/blog-featured-popular.cjs +1 -1
  8. package/dist/blog-featured-popular.js +1 -1
  9. package/dist/blog-grid-author-cards.cjs +1 -1
  10. package/dist/blog-grid-author-cards.js +1 -1
  11. package/dist/blog-grid-nine-posts.cjs +1 -1
  12. package/dist/blog-grid-nine-posts.js +1 -1
  13. package/dist/blog-horizontal-cards.cjs +1 -1
  14. package/dist/blog-horizontal-cards.js +1 -1
  15. package/dist/blog-tech-insights.cjs +54 -45
  16. package/dist/blog-tech-insights.js +54 -45
  17. package/dist/carousel-animated-sections.cjs +1224 -0
  18. package/dist/carousel-animated-sections.d.cts +154 -0
  19. package/dist/carousel-animated-sections.d.ts +154 -0
  20. package/dist/carousel-animated-sections.js +1203 -0
  21. package/dist/carousel-auto-progress-slides.cjs +1156 -0
  22. package/dist/carousel-auto-progress-slides.d.cts +122 -0
  23. package/dist/carousel-auto-progress-slides.d.ts +122 -0
  24. package/dist/carousel-auto-progress-slides.js +1135 -0
  25. package/dist/carousel-autoplay-progress.cjs +1141 -0
  26. package/dist/carousel-autoplay-progress.d.cts +119 -0
  27. package/dist/carousel-autoplay-progress.d.ts +119 -0
  28. package/dist/carousel-autoplay-progress.js +1116 -0
  29. package/dist/carousel-feature-badge.cjs +1216 -0
  30. package/dist/carousel-feature-badge.d.cts +99 -0
  31. package/dist/carousel-feature-badge.d.ts +99 -0
  32. package/dist/carousel-feature-badge.js +1192 -0
  33. package/dist/carousel-fullscreen-scroll-fx.cjs +526 -0
  34. package/dist/carousel-fullscreen-scroll-fx.d.cts +122 -0
  35. package/dist/carousel-fullscreen-scroll-fx.d.ts +122 -0
  36. package/dist/carousel-fullscreen-scroll-fx.js +505 -0
  37. package/dist/carousel-gallery-thumbnails.cjs +1059 -0
  38. package/dist/carousel-gallery-thumbnails.d.cts +122 -0
  39. package/dist/carousel-gallery-thumbnails.d.ts +122 -0
  40. package/dist/carousel-gallery-thumbnails.js +1038 -0
  41. package/dist/carousel-horizontal-cards.cjs +1083 -0
  42. package/dist/carousel-horizontal-cards.d.cts +126 -0
  43. package/dist/carousel-horizontal-cards.d.ts +126 -0
  44. package/dist/carousel-horizontal-cards.js +1062 -0
  45. package/dist/carousel-image-hero.cjs +1075 -0
  46. package/dist/carousel-image-hero.d.cts +116 -0
  47. package/dist/carousel-image-hero.d.ts +116 -0
  48. package/dist/carousel-image-hero.js +1054 -0
  49. package/dist/carousel-multi-step-showcase.cjs +1146 -0
  50. package/dist/carousel-multi-step-showcase.d.cts +142 -0
  51. package/dist/carousel-multi-step-showcase.d.ts +142 -0
  52. package/dist/carousel-multi-step-showcase.js +1125 -0
  53. package/dist/carousel-portfolio-hero.cjs +1063 -0
  54. package/dist/carousel-portfolio-hero.d.cts +134 -0
  55. package/dist/carousel-portfolio-hero.d.ts +134 -0
  56. package/dist/carousel-portfolio-hero.js +1042 -0
  57. package/dist/carousel-product-feature-showcase.cjs +1127 -0
  58. package/dist/carousel-product-feature-showcase.d.cts +161 -0
  59. package/dist/carousel-product-feature-showcase.d.ts +161 -0
  60. package/dist/carousel-product-feature-showcase.js +1106 -0
  61. package/dist/carousel-progress-slider.cjs +597 -0
  62. package/dist/carousel-progress-slider.d.cts +122 -0
  63. package/dist/carousel-progress-slider.d.ts +122 -0
  64. package/dist/carousel-progress-slider.js +576 -0
  65. package/dist/carousel-scrolling-feature-showcase.cjs +530 -0
  66. package/dist/carousel-scrolling-feature-showcase.d.cts +126 -0
  67. package/dist/carousel-scrolling-feature-showcase.d.ts +126 -0
  68. package/dist/carousel-scrolling-feature-showcase.js +509 -0
  69. package/dist/registry.cjs +349 -238
  70. package/dist/registry.js +349 -238
  71. package/package.json +3 -2
package/dist/blog-cards-read-time.cjs CHANGED
@@ -1114,7 +1114,7 @@ function BlogCardsReadTime({
1114
1114
  "div",
1115
1115
  {
1116
1116
  className: cn(
1117
- "mx-auto flex max-w-3xl flex-col items-center gap-4 text-center px-8 md:px-0",
1117
+ "mx-auto flex max-w-3xl flex-col items-center gap-4 text-center px-4 md:px-0",
1118
1118
  headerClassName
1119
1119
  ),
1120
1120
  children: [
package/dist/blog-cards-read-time.js CHANGED
@@ -1091,7 +1091,7 @@ function BlogCardsReadTime({
1091
1091
  "div",
1092
1092
  {
1093
1093
  className: cn(
1094
- "mx-auto flex max-w-3xl flex-col items-center gap-4 text-center px-8 md:px-0",
1094
+ "mx-auto flex max-w-3xl flex-col items-center gap-4 text-center px-4 md:px-0",
1095
1095
  headerClassName
1096
1096
  ),
1097
1097
  children: [
package/dist/blog-cards-tagline-cta.cjs CHANGED
@@ -1139,7 +1139,7 @@ function BlogCardsTaglineCta({
1139
1139
  "div",
1140
1140
  {
1141
1141
  className: cn(
1142
- "text-center flex flex-col items-center px-6 md:px-0",
1142
+ "text-center flex flex-col items-center px-4 md:px-0",
1143
1143
  headerClassName
1144
1144
  ),
1145
1145
  children: [
package/dist/blog-cards-tagline-cta.js CHANGED
@@ -1118,7 +1118,7 @@ function BlogCardsTaglineCta({
1118
1118
  "div",
1119
1119
  {
1120
1120
  className: cn(
1121
- "text-center flex flex-col items-center px-6 md:px-0",
1121
+ "text-center flex flex-col items-center px-4 md:px-0",
1122
1122
  headerClassName
1123
1123
  ),
1124
1124
  children: [
package/dist/blog-category-overlay.cjs CHANGED
@@ -1095,7 +1095,7 @@ function BlogCategoryOverlay({
1095
1095
  "div",
1096
1096
  {
1097
1097
  className: cn(
1098
- "mx-auto flex max-w-3xl flex-col items-center gap-6 text-center px-8 md:px-0",
1098
+ "mx-auto flex max-w-3xl flex-col items-center gap-6 text-center px-4 md:px-0",
1099
1099
  headerClassName
1100
1100
  ),
1101
1101
  children: [
package/dist/blog-category-overlay.js CHANGED
@@ -1074,7 +1074,7 @@ function BlogCategoryOverlay({
1074
1074
  "div",
1075
1075
  {
1076
1076
  className: cn(
1077
- "mx-auto flex max-w-3xl flex-col items-center gap-6 text-center px-8 md:px-0",
1077
+ "mx-auto flex max-w-3xl flex-col items-center gap-6 text-center px-4 md:px-0",
1078
1078
  headerClassName
1079
1079
  ),
1080
1080
  children: [
package/dist/blog-featured-popular.cjs CHANGED
@@ -981,7 +981,7 @@ function BlogFeaturedPopular({
981
981
  "div",
982
982
  {
983
983
  className: cn(
984
- "mb-6 md:mb-16 text-center px-8 md:px-0",
984
+ "mb-6 md:mb-16 text-center px-4 md:px-0",
985
985
  headerClassName
986
986
  ),
987
987
  children: [
package/dist/blog-featured-popular.js CHANGED
@@ -960,7 +960,7 @@ function BlogFeaturedPopular({
960
960
  "div",
961
961
  {
962
962
  className: cn(
963
- "mb-6 md:mb-16 text-center px-8 md:px-0",
963
+ "mb-6 md:mb-16 text-center px-4 md:px-0",
964
964
  headerClassName
965
965
  ),
966
966
  children: [
package/dist/blog-grid-author-cards.cjs CHANGED
@@ -1002,7 +1002,7 @@ function BlogGridAuthorCardsComponent({
1002
1002
  pattern,
1003
1003
  patternOpacity,
1004
1004
  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
1005
- (heading || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-8 md:mb-14 lg:mb-16", headerClassName), children: [
1005
+ (heading || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-6 md:mb-14 lg:mb-16", headerClassName), children: [
1006
1006
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start justify-between gap-8", children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1007
1007
  "h2",
1008
1008
  {
package/dist/blog-grid-author-cards.js CHANGED
@@ -980,7 +980,7 @@ function BlogGridAuthorCardsComponent({
980
980
  pattern,
981
981
  patternOpacity,
982
982
  children: /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
983
- (heading || description) && /* @__PURE__ */ jsxs("div", { className: cn("mb-8 md:mb-14 lg:mb-16", headerClassName), children: [
983
+ (heading || description) && /* @__PURE__ */ jsxs("div", { className: cn("mb-6 md:mb-14 lg:mb-16", headerClassName), children: [
984
984
  /* @__PURE__ */ jsx("div", { className: "flex items-start justify-between gap-8", children: /* @__PURE__ */ jsx("div", { children: heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
985
985
  "h2",
986
986
  {
package/dist/blog-grid-nine-posts.cjs CHANGED
@@ -1001,7 +1001,7 @@ function BlogGridNinePosts({
1001
1001
  pattern,
1002
1002
  patternOpacity,
1003
1003
  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
1004
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-8 md:mb-14 lg:mb-16", headerClassName), children: [
1004
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-6 md:mb-14 lg:mb-16", headerClassName), children: [
1005
1005
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start justify-between gap:4 md:gap-8", children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1006
1006
  "h2",
1007
1007
  {
package/dist/blog-grid-nine-posts.js CHANGED
@@ -979,7 +979,7 @@ function BlogGridNinePosts({
979
979
  pattern,
980
980
  patternOpacity,
981
981
  children: /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
982
- /* @__PURE__ */ jsxs("div", { className: cn("mb-8 md:mb-14 lg:mb-16", headerClassName), children: [
982
+ /* @__PURE__ */ jsxs("div", { className: cn("mb-6 md:mb-14 lg:mb-16", headerClassName), children: [
983
983
  /* @__PURE__ */ jsx("div", { className: "flex items-start justify-between gap:4 md:gap-8", children: /* @__PURE__ */ jsx("div", { children: heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
984
984
  "h2",
985
985
  {
package/dist/blog-horizontal-cards.cjs CHANGED
@@ -1100,7 +1100,7 @@ function BlogHorizontalCards({
1100
1100
  className: cn(className),
1101
1101
  pattern,
1102
1102
  patternOpacity,
1103
- children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container mx-auto", containerClassName), children: [
1103
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col items-center", containerClassName), children: [
1104
1104
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-3xl text-center", headerClassName), children: [
1105
1105
  badge && (typeof badge === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", className: cn("mb-6", badgeClassName), children: badge }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-6", badgeClassName), children: badge })),
1106
1106
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
package/dist/blog-horizontal-cards.js CHANGED
@@ -1079,7 +1079,7 @@ function BlogHorizontalCards({
1079
1079
  className: cn(className),
1080
1080
  pattern,
1081
1081
  patternOpacity,
1082
- children: /* @__PURE__ */ jsxs("div", { className: cn("container mx-auto", containerClassName), children: [
1082
+ children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center", containerClassName), children: [
1083
1083
  /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-3xl text-center", headerClassName), children: [
1084
1084
  badge && (typeof badge === "string" ? /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: cn("mb-6", badgeClassName), children: badge }) : /* @__PURE__ */ jsx("div", { className: cn("mb-6", badgeClassName), children: badge })),
1085
1085
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
package/dist/blog-tech-insights.cjs CHANGED
@@ -1012,55 +1012,64 @@ function BlogTechInsights({
1012
1012
  className: cn("dark relative", className),
1013
1013
  pattern,
1014
1014
  patternOpacity,
1015
- children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
1016
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-8", headerClassName), children: [
1017
- heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1018
- "h1",
1019
- {
1020
- className: cn(
1021
- "text-3xl font-bold text-foreground md:text-4xl lg:text-5xl",
1022
- headingClassName
1023
- ),
1024
- children: heading
1025
- }
1026
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
1027
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex justify-start", children: [
1028
- description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1029
- "span",
1030
- {
1031
- className: cn(
1032
- "mt-2 block text-sm text-muted-foreground md:text-base",
1033
- descriptionClassName
1034
- ),
1035
- children: description
1036
- }
1037
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
1038
- readMoreActionContent
1039
- ] })
1040
- ] }),
1041
- /* @__PURE__ */ jsxRuntime.jsxs(
1042
- "div",
1043
- {
1044
- className: cn(
1045
- "mt-12 grid grid-cols-1 gap-8 md:grid-cols-2 lg:gap-12",
1046
- contentClassName
1047
- ),
1048
- children: [
1049
- featuredPostContent,
1050
- /* @__PURE__ */ jsxRuntime.jsx(
1051
- "div",
1015
+ children: /* @__PURE__ */ jsxRuntime.jsxs(
1016
+ "div",
1017
+ {
1018
+ className: cn(
1019
+ "flex flex-col items-center gap-8 md:gap-14",
1020
+ containerClassName
1021
+ ),
1022
+ children: [
1023
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full", headerClassName), children: [
1024
+ heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1025
+ "h1",
1052
1026
  {
1053
1027
  className: cn(
1054
- "space-y-6 text-foreground md:space-y-8",
1055
- secondaryPostsClassName
1028
+ "text-3xl font-bold text-foreground md:text-4xl lg:text-5xl",
1029
+ headingClassName
1056
1030
  ),
1057
- children: secondaryPostsContent
1031
+ children: heading
1058
1032
  }
1059
- )
1060
- ]
1061
- }
1062
- )
1063
- ] })
1033
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
1034
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex justify-start", children: [
1035
+ description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1036
+ "span",
1037
+ {
1038
+ className: cn(
1039
+ "mt-2 block text-sm text-muted-foreground md:text-base",
1040
+ descriptionClassName
1041
+ ),
1042
+ children: description
1043
+ }
1044
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
1045
+ readMoreActionContent
1046
+ ] })
1047
+ ] }),
1048
+ /* @__PURE__ */ jsxRuntime.jsxs(
1049
+ "div",
1050
+ {
1051
+ className: cn(
1052
+ "grid grid-cols-1 gap-8 md:grid-cols-2 lg:gap-12",
1053
+ contentClassName
1054
+ ),
1055
+ children: [
1056
+ featuredPostContent,
1057
+ /* @__PURE__ */ jsxRuntime.jsx(
1058
+ "div",
1059
+ {
1060
+ className: cn(
1061
+ "space-y-6 text-foreground md:space-y-8",
1062
+ secondaryPostsClassName
1063
+ ),
1064
+ children: secondaryPostsContent
1065
+ }
1066
+ )
1067
+ ]
1068
+ }
1069
+ )
1070
+ ]
1071
+ }
1072
+ )
1064
1073
  }
1065
1074
  );
1066
1075
  }
package/dist/blog-tech-insights.js CHANGED
@@ -990,55 +990,64 @@ function BlogTechInsights({
990
990
  className: cn("dark relative", className),
991
991
  pattern,
992
992
  patternOpacity,
993
- children: /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
994
- /* @__PURE__ */ jsxs("div", { className: cn("mb-8", headerClassName), children: [
995
- heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
996
- "h1",
997
- {
998
- className: cn(
999
- "text-3xl font-bold text-foreground md:text-4xl lg:text-5xl",
1000
- headingClassName
1001
- ),
1002
- children: heading
1003
- }
1004
- ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
1005
- /* @__PURE__ */ jsxs("div", { className: "mt-4 flex justify-start", children: [
1006
- description && (typeof description === "string" ? /* @__PURE__ */ jsx(
1007
- "span",
1008
- {
1009
- className: cn(
1010
- "mt-2 block text-sm text-muted-foreground md:text-base",
1011
- descriptionClassName
1012
- ),
1013
- children: description
1014
- }
1015
- ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
1016
- readMoreActionContent
1017
- ] })
1018
- ] }),
1019
- /* @__PURE__ */ jsxs(
1020
- "div",
1021
- {
1022
- className: cn(
1023
- "mt-12 grid grid-cols-1 gap-8 md:grid-cols-2 lg:gap-12",
1024
- contentClassName
1025
- ),
1026
- children: [
1027
- featuredPostContent,
1028
- /* @__PURE__ */ jsx(
1029
- "div",
993
+ children: /* @__PURE__ */ jsxs(
994
+ "div",
995
+ {
996
+ className: cn(
997
+ "flex flex-col items-center gap-8 md:gap-14",
998
+ containerClassName
999
+ ),
1000
+ children: [
1001
+ /* @__PURE__ */ jsxs("div", { className: cn("w-full", headerClassName), children: [
1002
+ heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
1003
+ "h1",
1030
1004
  {
1031
1005
  className: cn(
1032
- "space-y-6 text-foreground md:space-y-8",
1033
- secondaryPostsClassName
1006
+ "text-3xl font-bold text-foreground md:text-4xl lg:text-5xl",
1007
+ headingClassName
1034
1008
  ),
1035
- children: secondaryPostsContent
1009
+ children: heading
1036
1010
  }
1037
- )
1038
- ]
1039
- }
1040
- )
1041
- ] })
1011
+ ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
1012
+ /* @__PURE__ */ jsxs("div", { className: "mt-4 flex justify-start", children: [
1013
+ description && (typeof description === "string" ? /* @__PURE__ */ jsx(
1014
+ "span",
1015
+ {
1016
+ className: cn(
1017
+ "mt-2 block text-sm text-muted-foreground md:text-base",
1018
+ descriptionClassName
1019
+ ),
1020
+ children: description
1021
+ }
1022
+ ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
1023
+ readMoreActionContent
1024
+ ] })
1025
+ ] }),
1026
+ /* @__PURE__ */ jsxs(
1027
+ "div",
1028
+ {
1029
+ className: cn(
1030
+ "grid grid-cols-1 gap-8 md:grid-cols-2 lg:gap-12",
1031
+ contentClassName
1032
+ ),
1033
+ children: [
1034
+ featuredPostContent,
1035
+ /* @__PURE__ */ jsx(
1036
+ "div",
1037
+ {
1038
+ className: cn(
1039
+ "space-y-6 text-foreground md:space-y-8",
1040
+ secondaryPostsClassName
1041
+ ),
1042
+ children: secondaryPostsContent
1043
+ }
1044
+ )
1045
+ ]
1046
+ }
1047
+ )
1048
+ ]
1049
+ }
1050
+ )
1042
1051
  }
1043
1052
  );
1044
1053
  }