@opensite/ui 2.7.4 → 2.7.6

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 (35) hide show
  1. package/dist/about-network-spotlight.cjs +1 -2
  2. package/dist/about-network-spotlight.js +1 -2
  3. package/dist/about-story-expertise.cjs +33 -43
  4. package/dist/about-story-expertise.js +33 -43
  5. package/dist/blog-tech-insights.cjs +2 -2
  6. package/dist/blog-tech-insights.js +2 -2
  7. package/dist/cta-case-study-testimonial.cjs +6 -41
  8. package/dist/cta-case-study-testimonial.d.cts +3 -10
  9. package/dist/cta-case-study-testimonial.d.ts +3 -10
  10. package/dist/cta-case-study-testimonial.js +6 -41
  11. package/dist/cta-documentation-links.cjs +6 -31
  12. package/dist/cta-documentation-links.d.cts +1 -1
  13. package/dist/cta-documentation-links.d.ts +1 -1
  14. package/dist/cta-documentation-links.js +6 -31
  15. package/dist/cta-enterprise-split.cjs +4 -3
  16. package/dist/cta-enterprise-split.d.cts +1 -1
  17. package/dist/cta-enterprise-split.d.ts +1 -1
  18. package/dist/cta-enterprise-split.js +4 -3
  19. package/dist/cta-feature-cards-grid.cjs +9 -46
  20. package/dist/cta-feature-cards-grid.d.cts +1 -1
  21. package/dist/cta-feature-cards-grid.d.ts +1 -1
  22. package/dist/cta-feature-cards-grid.js +9 -46
  23. package/dist/cta-feature-checklist.cjs +666 -687
  24. package/dist/cta-feature-checklist.d.cts +1 -1
  25. package/dist/cta-feature-checklist.d.ts +1 -1
  26. package/dist/cta-feature-checklist.js +665 -686
  27. package/dist/feature-animated-carousel.cjs +1 -1
  28. package/dist/feature-animated-carousel.js +1 -1
  29. package/dist/hero-ad-campaign-expert.cjs +54 -36
  30. package/dist/hero-ad-campaign-expert.js +54 -36
  31. package/dist/registry.cjs +176 -199
  32. package/dist/registry.js +176 -199
  33. package/dist/stats-impact-grid.cjs +48 -39
  34. package/dist/stats-impact-grid.js +48 -39
  35. package/package.json +1 -1
package/dist/stats-impact-grid.cjs CHANGED
@@ -979,45 +979,54 @@ function StatsImpactGrid({
979
979
  if (comparisonSlot) return comparisonSlot;
980
980
  if (!hasComparisonContent) return null;
981
981
  const hasProgressBars = baselineLabel && targetLabel && baselinePercent !== void 0 && targetPercent !== void 0;
982
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-16 rounded-xl p-8", comparisonClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-8 md:grid-cols-[minmax(0,1fr)_minmax(0,240px)] md:items-start md:gap-12", children: [
983
- /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
984
- comparisonHeading && (typeof comparisonHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-2xl font-bold", children: comparisonHeading }) : comparisonHeading),
985
- comparisonDescription && (typeof comparisonDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-6 text-muted-foreground", children: comparisonDescription }) : comparisonDescription),
986
- hasProgressBars && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
987
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
988
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-2 w-full overflow-hidden rounded-full bg-muted-foreground/20", children: /* @__PURE__ */ jsxRuntime.jsx(
989
- "div",
990
- {
991
- className: "h-full bg-muted-foreground",
992
- style: { width: `${baselinePercent}%` }
993
- }
994
- ) }),
995
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-[60px] text-sm font-medium", children: baselineLabel })
982
+ return /* @__PURE__ */ jsxRuntime.jsx(
983
+ "div",
984
+ {
985
+ className: cn(
986
+ "mb-16 rounded-xl p-8 bg-card text-card-foreground",
987
+ comparisonClassName
988
+ ),
989
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-8 md:grid-cols-[minmax(0,1fr)_minmax(0,240px)] md:items-start md:gap-12", children: [
990
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
991
+ comparisonHeading && (typeof comparisonHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-2xl font-bold", children: comparisonHeading }) : comparisonHeading),
992
+ comparisonDescription && (typeof comparisonDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-6", children: comparisonDescription }) : comparisonDescription),
993
+ hasProgressBars && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
994
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
995
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-2 w-full overflow-hidden rounded-full bg-card/20 invert", children: /* @__PURE__ */ jsxRuntime.jsx(
996
+ "div",
997
+ {
998
+ className: "h-full bg-card",
999
+ style: { width: `${baselinePercent}%` }
1000
+ }
1001
+ ) }),
1002
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-[60px] text-sm font-medium", children: baselineLabel })
1003
+ ] }),
1004
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
1005
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-2 w-full overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ jsxRuntime.jsx(
1006
+ "div",
1007
+ {
1008
+ className: "h-full bg-primary",
1009
+ style: { width: `${targetPercent}%` }
1010
+ }
1011
+ ) }),
1012
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-[60px] text-sm font-medium", children: targetLabel })
1013
+ ] })
1014
+ ] })
996
1015
  ] }),
997
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
998
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-2 w-full overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ jsxRuntime.jsx(
999
- "div",
1000
- {
1001
- className: "h-full bg-primary",
1002
- style: { width: `${targetPercent}%` }
1003
- }
1004
- ) }),
1005
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-[60px] text-sm font-medium", children: targetLabel })
1006
- ] })
1007
- ] })
1008
- ] }),
1009
- (baselineValue || targetValue) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border bg-background/70 p-6 text-center shadow-sm md:text-left", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
1010
- baselineValue && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
1011
- baselineLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: baselineLabel }),
1012
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-3xl font-bold", children: baselineValue })
1013
- ] }),
1014
- baselineValue && targetValue && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px bg-border" }),
1015
- targetValue && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
1016
- targetLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-primary", children: targetLabel }),
1017
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-4xl font-bold text-primary", children: targetValue })
1016
+ (baselineValue || targetValue) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border p-6 text-center shadow-sm md:text-left", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
1017
+ baselineValue && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
1018
+ baselineLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold uppercase tracking-wide", children: baselineLabel }),
1019
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-3xl font-bold", children: baselineValue })
1020
+ ] }),
1021
+ baselineValue && targetValue && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px bg-border" }),
1022
+ targetValue && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
1023
+ targetLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-primary", children: targetLabel }),
1024
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-4xl font-bold text-primary", children: targetValue })
1025
+ ] })
1026
+ ] }) })
1018
1027
  ] })
1019
- ] }) })
1020
- ] }) });
1028
+ }
1029
+ );
1021
1030
  }, [
1022
1031
  comparisonSlot,
1023
1032
  hasComparisonContent,
@@ -1066,8 +1075,8 @@ function StatsImpactGrid({
1066
1075
  const ctaContent = React.useMemo(() => {
1067
1076
  if (ctaSlot) return ctaSlot;
1068
1077
  if (!ctaHeading && (!actions || actions.length === 0)) return null;
1069
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("text-center", ctaClassName), children: [
1070
- ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-6 text-2xl font-bold", children: ctaHeading }) : ctaHeading),
1078
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("text-center mb-12", ctaClassName), children: [
1079
+ ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-6 text-2xl font-semibold", children: ctaHeading }) : ctaHeading),
1071
1080
  actionsContent
1072
1081
  ] });
1073
1082
  }, [ctaSlot, ctaHeading, actions, ctaClassName, actionsContent]);
package/dist/stats-impact-grid.js CHANGED
@@ -958,45 +958,54 @@ function StatsImpactGrid({
958
958
  if (comparisonSlot) return comparisonSlot;
959
959
  if (!hasComparisonContent) return null;
960
960
  const hasProgressBars = baselineLabel && targetLabel && baselinePercent !== void 0 && targetPercent !== void 0;
961
- return /* @__PURE__ */ jsx("div", { className: cn("mb-16 rounded-xl p-8", comparisonClassName), children: /* @__PURE__ */ jsxs("div", { className: "grid gap-8 md:grid-cols-[minmax(0,1fr)_minmax(0,240px)] md:items-start md:gap-12", children: [
962
- /* @__PURE__ */ jsxs("div", { children: [
963
- comparisonHeading && (typeof comparisonHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: "mb-4 text-2xl font-bold", children: comparisonHeading }) : comparisonHeading),
964
- comparisonDescription && (typeof comparisonDescription === "string" ? /* @__PURE__ */ jsx("p", { className: "mb-6 text-muted-foreground", children: comparisonDescription }) : comparisonDescription),
965
- hasProgressBars && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
966
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
967
- /* @__PURE__ */ jsx("div", { className: "h-2 w-full overflow-hidden rounded-full bg-muted-foreground/20", children: /* @__PURE__ */ jsx(
968
- "div",
969
- {
970
- className: "h-full bg-muted-foreground",
971
- style: { width: `${baselinePercent}%` }
972
- }
973
- ) }),
974
- /* @__PURE__ */ jsx("span", { className: "min-w-[60px] text-sm font-medium", children: baselineLabel })
961
+ return /* @__PURE__ */ jsx(
962
+ "div",
963
+ {
964
+ className: cn(
965
+ "mb-16 rounded-xl p-8 bg-card text-card-foreground",
966
+ comparisonClassName
967
+ ),
968
+ children: /* @__PURE__ */ jsxs("div", { className: "grid gap-8 md:grid-cols-[minmax(0,1fr)_minmax(0,240px)] md:items-start md:gap-12", children: [
969
+ /* @__PURE__ */ jsxs("div", { children: [
970
+ comparisonHeading && (typeof comparisonHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: "mb-4 text-2xl font-bold", children: comparisonHeading }) : comparisonHeading),
971
+ comparisonDescription && (typeof comparisonDescription === "string" ? /* @__PURE__ */ jsx("p", { className: "mb-6", children: comparisonDescription }) : comparisonDescription),
972
+ hasProgressBars && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
973
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
974
+ /* @__PURE__ */ jsx("div", { className: "h-2 w-full overflow-hidden rounded-full bg-card/20 invert", children: /* @__PURE__ */ jsx(
975
+ "div",
976
+ {
977
+ className: "h-full bg-card",
978
+ style: { width: `${baselinePercent}%` }
979
+ }
980
+ ) }),
981
+ /* @__PURE__ */ jsx("span", { className: "min-w-[60px] text-sm font-medium", children: baselineLabel })
982
+ ] }),
983
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
984
+ /* @__PURE__ */ jsx("div", { className: "h-2 w-full overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ jsx(
985
+ "div",
986
+ {
987
+ className: "h-full bg-primary",
988
+ style: { width: `${targetPercent}%` }
989
+ }
990
+ ) }),
991
+ /* @__PURE__ */ jsx("span", { className: "min-w-[60px] text-sm font-medium", children: targetLabel })
992
+ ] })
993
+ ] })
975
994
  ] }),
976
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
977
- /* @__PURE__ */ jsx("div", { className: "h-2 w-full overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ jsx(
978
- "div",
979
- {
980
- className: "h-full bg-primary",
981
- style: { width: `${targetPercent}%` }
982
- }
983
- ) }),
984
- /* @__PURE__ */ jsx("span", { className: "min-w-[60px] text-sm font-medium", children: targetLabel })
985
- ] })
986
- ] })
987
- ] }),
988
- (baselineValue || targetValue) && /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-background/70 p-6 text-center shadow-sm md:text-left", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
989
- baselineValue && /* @__PURE__ */ jsxs("div", { children: [
990
- baselineLabel && /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: baselineLabel }),
991
- /* @__PURE__ */ jsx("div", { className: "text-3xl font-bold", children: baselineValue })
992
- ] }),
993
- baselineValue && targetValue && /* @__PURE__ */ jsx("div", { className: "h-px bg-border" }),
994
- targetValue && /* @__PURE__ */ jsxs("div", { children: [
995
- targetLabel && /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-primary", children: targetLabel }),
996
- /* @__PURE__ */ jsx("div", { className: "text-4xl font-bold text-primary", children: targetValue })
995
+ (baselineValue || targetValue) && /* @__PURE__ */ jsx("div", { className: "rounded-lg border p-6 text-center shadow-sm md:text-left", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
996
+ baselineValue && /* @__PURE__ */ jsxs("div", { children: [
997
+ baselineLabel && /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase tracking-wide", children: baselineLabel }),
998
+ /* @__PURE__ */ jsx("div", { className: "text-3xl font-bold", children: baselineValue })
999
+ ] }),
1000
+ baselineValue && targetValue && /* @__PURE__ */ jsx("div", { className: "h-px bg-border" }),
1001
+ targetValue && /* @__PURE__ */ jsxs("div", { children: [
1002
+ targetLabel && /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-primary", children: targetLabel }),
1003
+ /* @__PURE__ */ jsx("div", { className: "text-4xl font-bold text-primary", children: targetValue })
1004
+ ] })
1005
+ ] }) })
997
1006
  ] })
998
- ] }) })
999
- ] }) });
1007
+ }
1008
+ );
1000
1009
  }, [
1001
1010
  comparisonSlot,
1002
1011
  hasComparisonContent,
@@ -1045,8 +1054,8 @@ function StatsImpactGrid({
1045
1054
  const ctaContent = useMemo(() => {
1046
1055
  if (ctaSlot) return ctaSlot;
1047
1056
  if (!ctaHeading && (!actions || actions.length === 0)) return null;
1048
- return /* @__PURE__ */ jsxs("div", { className: cn("text-center", ctaClassName), children: [
1049
- ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: "mb-6 text-2xl font-bold", children: ctaHeading }) : ctaHeading),
1057
+ return /* @__PURE__ */ jsxs("div", { className: cn("text-center mb-12", ctaClassName), children: [
1058
+ ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: "mb-6 text-2xl font-semibold", children: ctaHeading }) : ctaHeading),
1050
1059
  actionsContent
1051
1060
  ] });
1052
1061
  }, [ctaSlot, ctaHeading, actions, ctaClassName, actionsContent]);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "2.7.4",
3
+ "version": "2.7.6",
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",