@opensite/ui 2.1.2 → 2.1.3

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.
@@ -913,7 +913,7 @@ function HeroSaasDashboardPreview({
913
913
  className: "h-12"
914
914
  };
915
915
  const action = buttonAction || defaultButtonAction;
916
- return /* @__PURE__ */ jsxRuntime.jsxs(
916
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-12 w-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs(
917
917
  forms.Form,
918
918
  {
919
919
  form,
@@ -936,7 +936,7 @@ function HeroSaasDashboardPreview({
936
936
  resetSubmissionState();
937
937
  },
938
938
  children: [
939
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-10 flex flex-col items-center gap-4 sm:flex-row sm:justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-md items-center gap-2", children: [
939
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center gap-4 sm:flex-row sm:justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-md items-center gap-2", children: [
940
940
  formFields.map((field) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
941
941
  integration.DynamicFormField,
942
942
  {
@@ -962,7 +962,7 @@ function HeroSaasDashboardPreview({
962
962
  helperText && (typeof helperText === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm text-center mt-4"), children: helperText }) : helperText)
963
963
  ]
964
964
  }
965
- );
965
+ ) });
966
966
  }, [
967
967
  formSlot,
968
968
  formFields,
@@ -1032,39 +1032,39 @@ function HeroSaasDashboardPreview({
1032
1032
  className: cn(className),
1033
1033
  containerClassName,
1034
1034
  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pt-10 md:pt-0", children: [
1035
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-4xl text-center", headerClassName), children: [
1036
- renderBadge,
1037
- heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1038
- "h1",
1039
- {
1040
- className: cn(
1041
- "mt-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl text-balance",
1042
- headingClassName
1043
- ),
1044
- children: heading
1045
- }
1046
- ) : /* @__PURE__ */ jsxRuntime.jsx(
1047
- "h1",
1048
- {
1049
- className: cn(
1050
- "mt-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl text-balance",
1051
- headingClassName
1052
- ),
1053
- children: heading
1054
- }
1055
- )),
1056
- description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1057
- "p",
1058
- {
1059
- className: cn(
1060
- "mt-6 text-lg md:text-xl text-balance",
1061
- descriptionClassName
1062
- ),
1063
- children: description
1064
- }
1065
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
1066
- renderForm
1067
- ] }),
1035
+ /* @__PURE__ */ jsxRuntime.jsxs(
1036
+ "div",
1037
+ {
1038
+ className: cn(
1039
+ "mmx-auto text-center flex flex-col items-center gap-6 md:gap-8 max-w-full md:max-w-md",
1040
+ headerClassName
1041
+ ),
1042
+ children: [
1043
+ renderBadge,
1044
+ heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1045
+ "h1",
1046
+ {
1047
+ className: cn(
1048
+ "text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl text-balance",
1049
+ headingClassName
1050
+ ),
1051
+ children: heading
1052
+ }
1053
+ ) : heading),
1054
+ description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1055
+ "p",
1056
+ {
1057
+ className: cn(
1058
+ "text-lg md:text-xl text-balance",
1059
+ descriptionClassName
1060
+ ),
1061
+ children: description
1062
+ }
1063
+ ) : description),
1064
+ renderForm
1065
+ ]
1066
+ }
1067
+ ),
1068
1068
  renderBrowserPreview
1069
1069
  ] })
1070
1070
  }
@@ -892,7 +892,7 @@ function HeroSaasDashboardPreview({
892
892
  className: "h-12"
893
893
  };
894
894
  const action = buttonAction || defaultButtonAction;
895
- return /* @__PURE__ */ jsxs(
895
+ return /* @__PURE__ */ jsx("div", { className: "mt-12 w-full flex items-center justify-center", children: /* @__PURE__ */ jsxs(
896
896
  Form,
897
897
  {
898
898
  form,
@@ -915,7 +915,7 @@ function HeroSaasDashboardPreview({
915
915
  resetSubmissionState();
916
916
  },
917
917
  children: [
918
- /* @__PURE__ */ jsx("div", { className: "mt-10 flex flex-col items-center gap-4 sm:flex-row sm:justify-center", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-md items-center gap-2", children: [
918
+ /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-4 sm:flex-row sm:justify-center", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-md items-center gap-2", children: [
919
919
  formFields.map((field) => /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
920
920
  DynamicFormField,
921
921
  {
@@ -941,7 +941,7 @@ function HeroSaasDashboardPreview({
941
941
  helperText && (typeof helperText === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm text-center mt-4"), children: helperText }) : helperText)
942
942
  ]
943
943
  }
944
- );
944
+ ) });
945
945
  }, [
946
946
  formSlot,
947
947
  formFields,
@@ -1011,39 +1011,39 @@ function HeroSaasDashboardPreview({
1011
1011
  className: cn(className),
1012
1012
  containerClassName,
1013
1013
  children: /* @__PURE__ */ jsxs("div", { className: "pt-10 md:pt-0", children: [
1014
- /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-4xl text-center", headerClassName), children: [
1015
- renderBadge,
1016
- heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
1017
- "h1",
1018
- {
1019
- className: cn(
1020
- "mt-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl text-balance",
1021
- headingClassName
1022
- ),
1023
- children: heading
1024
- }
1025
- ) : /* @__PURE__ */ jsx(
1026
- "h1",
1027
- {
1028
- className: cn(
1029
- "mt-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl text-balance",
1030
- headingClassName
1031
- ),
1032
- children: heading
1033
- }
1034
- )),
1035
- description && (typeof description === "string" ? /* @__PURE__ */ jsx(
1036
- "p",
1037
- {
1038
- className: cn(
1039
- "mt-6 text-lg md:text-xl text-balance",
1040
- descriptionClassName
1041
- ),
1042
- children: description
1043
- }
1044
- ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
1045
- renderForm
1046
- ] }),
1014
+ /* @__PURE__ */ jsxs(
1015
+ "div",
1016
+ {
1017
+ className: cn(
1018
+ "mmx-auto text-center flex flex-col items-center gap-6 md:gap-8 max-w-full md:max-w-md",
1019
+ headerClassName
1020
+ ),
1021
+ children: [
1022
+ renderBadge,
1023
+ heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
1024
+ "h1",
1025
+ {
1026
+ className: cn(
1027
+ "text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl text-balance",
1028
+ headingClassName
1029
+ ),
1030
+ children: heading
1031
+ }
1032
+ ) : heading),
1033
+ description && (typeof description === "string" ? /* @__PURE__ */ jsx(
1034
+ "p",
1035
+ {
1036
+ className: cn(
1037
+ "text-lg md:text-xl text-balance",
1038
+ descriptionClassName
1039
+ ),
1040
+ children: description
1041
+ }
1042
+ ) : description),
1043
+ renderForm
1044
+ ]
1045
+ }
1046
+ ),
1047
1047
  renderBrowserPreview
1048
1048
  ] })
1049
1049
  }