@opensite/ui 0.6.9 → 0.7.0

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 (7) hide show
  1. package/dist/blog-related-articles.cjs +1 -1
  2. package/dist/blog-related-articles.js +1 -1
  3. package/dist/hero-image-slider.cjs +65 -43
  4. package/dist/hero-image-slider.js +65 -43
  5. package/dist/registry.cjs +66 -44
  6. package/dist/registry.js +66 -44
  7. package/package.json +1 -1
package/dist/blog-related-articles.cjs CHANGED
@@ -838,7 +838,7 @@ function BlogRelatedArticles({
838
838
  articlesClassName,
839
839
  articleCardClassName,
840
840
  background,
841
- spacing,
841
+ spacing = "py-6 md:py-32",
842
842
  pattern,
843
843
  patternOpacity
844
844
  }) {
package/dist/blog-related-articles.js CHANGED
@@ -817,7 +817,7 @@ function BlogRelatedArticles({
817
817
  articlesClassName,
818
818
  articleCardClassName,
819
819
  background,
820
- spacing,
820
+ spacing = "py-6 md:py-32",
821
821
  pattern,
822
822
  patternOpacity
823
823
  }) {
package/dist/hero-image-slider.cjs CHANGED
@@ -1042,49 +1042,71 @@ function HeroImageSlider({
1042
1042
  }, [actionsSlot, actions]);
1043
1043
  const renderContent = React3.useMemo(() => {
1044
1044
  if (contentSlot) return contentSlot;
1045
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto flex max-w-3xl flex-col items-center", contentClassName), children: [
1046
- eyebrow ? typeof eyebrow === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1047
- "p",
1048
- {
1049
- className: cn(
1050
- "text-xs font-semibold uppercase tracking-[0.3em] text-primary-foreground/80",
1051
- eyebrowClassName
1052
- ),
1053
- children: eyebrow
1054
- }
1055
- ) : eyebrow : null,
1056
- heading ? typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1057
- "h1",
1058
- {
1059
- className: cn(
1060
- "mt-5 text-4xl font-semibold tracking-tight text-balance md:text-6xl",
1061
- headingClassName
1062
- ),
1063
- children: heading
1064
- }
1065
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading }) : null,
1066
- description ? typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1067
- "p",
1068
- {
1069
- className: cn(
1070
- "mt-6 text-base text-primary-foreground/80 md:text-lg",
1071
- descriptionClassName
1072
- ),
1073
- children: description
1074
- }
1075
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }) : null,
1076
- actionsSlot || actions && actions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
1077
- "div",
1078
- {
1079
- className: cn(
1080
- "mt-8 flex w-full flex-col items-center justify-center gap-3 sm:flex-row",
1081
- actionsClassName
1082
- ),
1083
- children: renderActions
1084
- }
1085
- ) : null
1086
- ] });
1087
- }, [contentSlot, eyebrow, heading, description, actionsSlot, actions, contentClassName, eyebrowClassName, headingClassName, descriptionClassName, actionsClassName, renderActions]);
1045
+ return /* @__PURE__ */ jsxRuntime.jsxs(
1046
+ "div",
1047
+ {
1048
+ className: cn(
1049
+ "mx-auto flex max-w-3xl flex-col items-center",
1050
+ contentClassName
1051
+ ),
1052
+ children: [
1053
+ eyebrow ? typeof eyebrow === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1054
+ "p",
1055
+ {
1056
+ className: cn(
1057
+ "text-xs font-semibold uppercase tracking-[0.3em] text-primary-foreground/80",
1058
+ eyebrowClassName
1059
+ ),
1060
+ children: eyebrow
1061
+ }
1062
+ ) : eyebrow : null,
1063
+ heading ? typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1064
+ "h1",
1065
+ {
1066
+ className: cn(
1067
+ "mt-5 text-4xl font-semibold tracking-tight text-balance md:text-6xl",
1068
+ headingClassName
1069
+ ),
1070
+ children: heading
1071
+ }
1072
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading }) : null,
1073
+ description ? typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1074
+ "p",
1075
+ {
1076
+ className: cn(
1077
+ "mt-6 text-base text-primary-foreground/80 md:text-lg",
1078
+ descriptionClassName
1079
+ ),
1080
+ children: description
1081
+ }
1082
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }) : null,
1083
+ actionsSlot || actions && actions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
1084
+ "div",
1085
+ {
1086
+ className: cn(
1087
+ "mt-8 flex w-full flex-col items-center justify-center gap-3 sm:flex-row",
1088
+ actionsClassName
1089
+ ),
1090
+ children: renderActions
1091
+ }
1092
+ ) : null
1093
+ ]
1094
+ }
1095
+ );
1096
+ }, [
1097
+ contentSlot,
1098
+ eyebrow,
1099
+ heading,
1100
+ description,
1101
+ actionsSlot,
1102
+ actions,
1103
+ contentClassName,
1104
+ eyebrowClassName,
1105
+ headingClassName,
1106
+ descriptionClassName,
1107
+ actionsClassName,
1108
+ renderActions
1109
+ ]);
1088
1110
  return /* @__PURE__ */ jsxRuntime.jsx(
1089
1111
  Section,
1090
1112
  {
package/dist/hero-image-slider.js CHANGED
@@ -1021,49 +1021,71 @@ function HeroImageSlider({
1021
1021
  }, [actionsSlot, actions]);
1022
1022
  const renderContent = useMemo(() => {
1023
1023
  if (contentSlot) return contentSlot;
1024
- return /* @__PURE__ */ jsxs("div", { className: cn("mx-auto flex max-w-3xl flex-col items-center", contentClassName), children: [
1025
- eyebrow ? typeof eyebrow === "string" ? /* @__PURE__ */ jsx(
1026
- "p",
1027
- {
1028
- className: cn(
1029
- "text-xs font-semibold uppercase tracking-[0.3em] text-primary-foreground/80",
1030
- eyebrowClassName
1031
- ),
1032
- children: eyebrow
1033
- }
1034
- ) : eyebrow : null,
1035
- heading ? typeof heading === "string" ? /* @__PURE__ */ jsx(
1036
- "h1",
1037
- {
1038
- className: cn(
1039
- "mt-5 text-4xl font-semibold tracking-tight text-balance md:text-6xl",
1040
- headingClassName
1041
- ),
1042
- children: heading
1043
- }
1044
- ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading }) : null,
1045
- description ? typeof description === "string" ? /* @__PURE__ */ jsx(
1046
- "p",
1047
- {
1048
- className: cn(
1049
- "mt-6 text-base text-primary-foreground/80 md:text-lg",
1050
- descriptionClassName
1051
- ),
1052
- children: description
1053
- }
1054
- ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }) : null,
1055
- actionsSlot || actions && actions.length > 0 ? /* @__PURE__ */ jsx(
1056
- "div",
1057
- {
1058
- className: cn(
1059
- "mt-8 flex w-full flex-col items-center justify-center gap-3 sm:flex-row",
1060
- actionsClassName
1061
- ),
1062
- children: renderActions
1063
- }
1064
- ) : null
1065
- ] });
1066
- }, [contentSlot, eyebrow, heading, description, actionsSlot, actions, contentClassName, eyebrowClassName, headingClassName, descriptionClassName, actionsClassName, renderActions]);
1024
+ return /* @__PURE__ */ jsxs(
1025
+ "div",
1026
+ {
1027
+ className: cn(
1028
+ "mx-auto flex max-w-3xl flex-col items-center",
1029
+ contentClassName
1030
+ ),
1031
+ children: [
1032
+ eyebrow ? typeof eyebrow === "string" ? /* @__PURE__ */ jsx(
1033
+ "p",
1034
+ {
1035
+ className: cn(
1036
+ "text-xs font-semibold uppercase tracking-[0.3em] text-primary-foreground/80",
1037
+ eyebrowClassName
1038
+ ),
1039
+ children: eyebrow
1040
+ }
1041
+ ) : eyebrow : null,
1042
+ heading ? typeof heading === "string" ? /* @__PURE__ */ jsx(
1043
+ "h1",
1044
+ {
1045
+ className: cn(
1046
+ "mt-5 text-4xl font-semibold tracking-tight text-balance md:text-6xl",
1047
+ headingClassName
1048
+ ),
1049
+ children: heading
1050
+ }
1051
+ ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading }) : null,
1052
+ description ? typeof description === "string" ? /* @__PURE__ */ jsx(
1053
+ "p",
1054
+ {
1055
+ className: cn(
1056
+ "mt-6 text-base text-primary-foreground/80 md:text-lg",
1057
+ descriptionClassName
1058
+ ),
1059
+ children: description
1060
+ }
1061
+ ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }) : null,
1062
+ actionsSlot || actions && actions.length > 0 ? /* @__PURE__ */ jsx(
1063
+ "div",
1064
+ {
1065
+ className: cn(
1066
+ "mt-8 flex w-full flex-col items-center justify-center gap-3 sm:flex-row",
1067
+ actionsClassName
1068
+ ),
1069
+ children: renderActions
1070
+ }
1071
+ ) : null
1072
+ ]
1073
+ }
1074
+ );
1075
+ }, [
1076
+ contentSlot,
1077
+ eyebrow,
1078
+ heading,
1079
+ description,
1080
+ actionsSlot,
1081
+ actions,
1082
+ contentClassName,
1083
+ eyebrowClassName,
1084
+ headingClassName,
1085
+ descriptionClassName,
1086
+ actionsClassName,
1087
+ renderActions
1088
+ ]);
1067
1089
  return /* @__PURE__ */ jsx(
1068
1090
  Section,
1069
1091
  {
package/dist/registry.cjs CHANGED
@@ -32905,7 +32905,7 @@ function BlogRelatedArticles({
32905
32905
  articlesClassName,
32906
32906
  articleCardClassName,
32907
32907
  background,
32908
- spacing,
32908
+ spacing = "py-6 md:py-32",
32909
32909
  pattern,
32910
32910
  patternOpacity
32911
32911
  }) {
@@ -46124,49 +46124,71 @@ function HeroImageSlider({
46124
46124
  }, [actionsSlot, actions]);
46125
46125
  const renderContent = React52.useMemo(() => {
46126
46126
  if (contentSlot) return contentSlot;
46127
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto flex max-w-3xl flex-col items-center", contentClassName), children: [
46128
- eyebrow ? typeof eyebrow === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
46129
- "p",
46130
- {
46131
- className: cn(
46132
- "text-xs font-semibold uppercase tracking-[0.3em] text-primary-foreground/80",
46133
- eyebrowClassName
46134
- ),
46135
- children: eyebrow
46136
- }
46137
- ) : eyebrow : null,
46138
- heading ? typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
46139
- "h1",
46140
- {
46141
- className: cn(
46142
- "mt-5 text-4xl font-semibold tracking-tight text-balance md:text-6xl",
46143
- headingClassName
46144
- ),
46145
- children: heading
46146
- }
46147
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading }) : null,
46148
- description ? typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
46149
- "p",
46150
- {
46151
- className: cn(
46152
- "mt-6 text-base text-primary-foreground/80 md:text-lg",
46153
- descriptionClassName
46154
- ),
46155
- children: description
46156
- }
46157
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }) : null,
46158
- actionsSlot || actions && actions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
46159
- "div",
46160
- {
46161
- className: cn(
46162
- "mt-8 flex w-full flex-col items-center justify-center gap-3 sm:flex-row",
46163
- actionsClassName
46164
- ),
46165
- children: renderActions
46166
- }
46167
- ) : null
46168
- ] });
46169
- }, [contentSlot, eyebrow, heading, description, actionsSlot, actions, contentClassName, eyebrowClassName, headingClassName, descriptionClassName, actionsClassName, renderActions]);
46127
+ return /* @__PURE__ */ jsxRuntime.jsxs(
46128
+ "div",
46129
+ {
46130
+ className: cn(
46131
+ "mx-auto flex max-w-3xl flex-col items-center",
46132
+ contentClassName
46133
+ ),
46134
+ children: [
46135
+ eyebrow ? typeof eyebrow === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
46136
+ "p",
46137
+ {
46138
+ className: cn(
46139
+ "text-xs font-semibold uppercase tracking-[0.3em] text-primary-foreground/80",
46140
+ eyebrowClassName
46141
+ ),
46142
+ children: eyebrow
46143
+ }
46144
+ ) : eyebrow : null,
46145
+ heading ? typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
46146
+ "h1",
46147
+ {
46148
+ className: cn(
46149
+ "mt-5 text-4xl font-semibold tracking-tight text-balance md:text-6xl",
46150
+ headingClassName
46151
+ ),
46152
+ children: heading
46153
+ }
46154
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading }) : null,
46155
+ description ? typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
46156
+ "p",
46157
+ {
46158
+ className: cn(
46159
+ "mt-6 text-base text-primary-foreground/80 md:text-lg",
46160
+ descriptionClassName
46161
+ ),
46162
+ children: description
46163
+ }
46164
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }) : null,
46165
+ actionsSlot || actions && actions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
46166
+ "div",
46167
+ {
46168
+ className: cn(
46169
+ "mt-8 flex w-full flex-col items-center justify-center gap-3 sm:flex-row",
46170
+ actionsClassName
46171
+ ),
46172
+ children: renderActions
46173
+ }
46174
+ ) : null
46175
+ ]
46176
+ }
46177
+ );
46178
+ }, [
46179
+ contentSlot,
46180
+ eyebrow,
46181
+ heading,
46182
+ description,
46183
+ actionsSlot,
46184
+ actions,
46185
+ contentClassName,
46186
+ eyebrowClassName,
46187
+ headingClassName,
46188
+ descriptionClassName,
46189
+ actionsClassName,
46190
+ renderActions
46191
+ ]);
46170
46192
  return /* @__PURE__ */ jsxRuntime.jsx(
46171
46193
  Section,
46172
46194
  {
package/dist/registry.js CHANGED
@@ -32865,7 +32865,7 @@ function BlogRelatedArticles({
32865
32865
  articlesClassName,
32866
32866
  articleCardClassName,
32867
32867
  background,
32868
- spacing,
32868
+ spacing = "py-6 md:py-32",
32869
32869
  pattern,
32870
32870
  patternOpacity
32871
32871
  }) {
@@ -46084,49 +46084,71 @@ function HeroImageSlider({
46084
46084
  }, [actionsSlot, actions]);
46085
46085
  const renderContent = useMemo$1(() => {
46086
46086
  if (contentSlot) return contentSlot;
46087
- return /* @__PURE__ */ jsxs("div", { className: cn("mx-auto flex max-w-3xl flex-col items-center", contentClassName), children: [
46088
- eyebrow ? typeof eyebrow === "string" ? /* @__PURE__ */ jsx(
46089
- "p",
46090
- {
46091
- className: cn(
46092
- "text-xs font-semibold uppercase tracking-[0.3em] text-primary-foreground/80",
46093
- eyebrowClassName
46094
- ),
46095
- children: eyebrow
46096
- }
46097
- ) : eyebrow : null,
46098
- heading ? typeof heading === "string" ? /* @__PURE__ */ jsx(
46099
- "h1",
46100
- {
46101
- className: cn(
46102
- "mt-5 text-4xl font-semibold tracking-tight text-balance md:text-6xl",
46103
- headingClassName
46104
- ),
46105
- children: heading
46106
- }
46107
- ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading }) : null,
46108
- description ? typeof description === "string" ? /* @__PURE__ */ jsx(
46109
- "p",
46110
- {
46111
- className: cn(
46112
- "mt-6 text-base text-primary-foreground/80 md:text-lg",
46113
- descriptionClassName
46114
- ),
46115
- children: description
46116
- }
46117
- ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }) : null,
46118
- actionsSlot || actions && actions.length > 0 ? /* @__PURE__ */ jsx(
46119
- "div",
46120
- {
46121
- className: cn(
46122
- "mt-8 flex w-full flex-col items-center justify-center gap-3 sm:flex-row",
46123
- actionsClassName
46124
- ),
46125
- children: renderActions
46126
- }
46127
- ) : null
46128
- ] });
46129
- }, [contentSlot, eyebrow, heading, description, actionsSlot, actions, contentClassName, eyebrowClassName, headingClassName, descriptionClassName, actionsClassName, renderActions]);
46087
+ return /* @__PURE__ */ jsxs(
46088
+ "div",
46089
+ {
46090
+ className: cn(
46091
+ "mx-auto flex max-w-3xl flex-col items-center",
46092
+ contentClassName
46093
+ ),
46094
+ children: [
46095
+ eyebrow ? typeof eyebrow === "string" ? /* @__PURE__ */ jsx(
46096
+ "p",
46097
+ {
46098
+ className: cn(
46099
+ "text-xs font-semibold uppercase tracking-[0.3em] text-primary-foreground/80",
46100
+ eyebrowClassName
46101
+ ),
46102
+ children: eyebrow
46103
+ }
46104
+ ) : eyebrow : null,
46105
+ heading ? typeof heading === "string" ? /* @__PURE__ */ jsx(
46106
+ "h1",
46107
+ {
46108
+ className: cn(
46109
+ "mt-5 text-4xl font-semibold tracking-tight text-balance md:text-6xl",
46110
+ headingClassName
46111
+ ),
46112
+ children: heading
46113
+ }
46114
+ ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading }) : null,
46115
+ description ? typeof description === "string" ? /* @__PURE__ */ jsx(
46116
+ "p",
46117
+ {
46118
+ className: cn(
46119
+ "mt-6 text-base text-primary-foreground/80 md:text-lg",
46120
+ descriptionClassName
46121
+ ),
46122
+ children: description
46123
+ }
46124
+ ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }) : null,
46125
+ actionsSlot || actions && actions.length > 0 ? /* @__PURE__ */ jsx(
46126
+ "div",
46127
+ {
46128
+ className: cn(
46129
+ "mt-8 flex w-full flex-col items-center justify-center gap-3 sm:flex-row",
46130
+ actionsClassName
46131
+ ),
46132
+ children: renderActions
46133
+ }
46134
+ ) : null
46135
+ ]
46136
+ }
46137
+ );
46138
+ }, [
46139
+ contentSlot,
46140
+ eyebrow,
46141
+ heading,
46142
+ description,
46143
+ actionsSlot,
46144
+ actions,
46145
+ contentClassName,
46146
+ eyebrowClassName,
46147
+ headingClassName,
46148
+ descriptionClassName,
46149
+ actionsClassName,
46150
+ renderActions
46151
+ ]);
46130
46152
  return /* @__PURE__ */ jsx(
46131
46153
  Section,
46132
46154
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "0.6.9",
3
+ "version": "0.7.0",
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",