@opensite/ui 1.9.6 → 1.9.8

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.
@@ -1087,10 +1087,7 @@ function ContactCallback({
1087
1087
  onSuccess,
1088
1088
  onError
1089
1089
  }) {
1090
- const fields = React.useMemo(
1091
- () => formFields || DEFAULT_FORM_FIELDS,
1092
- [formFields]
1093
- );
1090
+ const fields = React.useMemo(() => formFields || DEFAULT_FORM_FIELDS, [formFields]);
1094
1091
  const { form, submissionError, formMethod, resetSubmissionState } = integration.useContactForm({
1095
1092
  formFields: fields,
1096
1093
  formConfig,
@@ -1143,13 +1140,22 @@ function ContactCallback({
1143
1140
  "h2",
1144
1141
  {
1145
1142
  className: cn(
1146
- "mb-3 text-3xl font-bold tracking-tight",
1143
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
1147
1144
  headingClassName
1148
1145
  ),
1149
1146
  children: heading
1150
1147
  }
1151
1148
  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
1152
- description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("leading-relaxed", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
1149
+ description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1150
+ "p",
1151
+ {
1152
+ className: cn(
1153
+ "leading-relaxed text-balance",
1154
+ descriptionClassName
1155
+ ),
1156
+ children: description
1157
+ }
1158
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
1153
1159
  ] }),
1154
1160
  /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(
1155
1161
  forms.Form,
@@ -1066,10 +1066,7 @@ function ContactCallback({
1066
1066
  onSuccess,
1067
1067
  onError
1068
1068
  }) {
1069
- const fields = useMemo(
1070
- () => formFields || DEFAULT_FORM_FIELDS,
1071
- [formFields]
1072
- );
1069
+ const fields = useMemo(() => formFields || DEFAULT_FORM_FIELDS, [formFields]);
1073
1070
  const { form, submissionError, formMethod, resetSubmissionState } = useContactForm({
1074
1071
  formFields: fields,
1075
1072
  formConfig,
@@ -1122,13 +1119,22 @@ function ContactCallback({
1122
1119
  "h2",
1123
1120
  {
1124
1121
  className: cn(
1125
- "mb-3 text-3xl font-bold tracking-tight",
1122
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
1126
1123
  headingClassName
1127
1124
  ),
1128
1125
  children: heading
1129
1126
  }
1130
1127
  ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
1131
- description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("leading-relaxed", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
1128
+ description && (typeof description === "string" ? /* @__PURE__ */ jsx(
1129
+ "p",
1130
+ {
1131
+ className: cn(
1132
+ "leading-relaxed text-balance",
1133
+ descriptionClassName
1134
+ ),
1135
+ children: description
1136
+ }
1137
+ ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
1132
1138
  ] }),
1133
1139
  /* @__PURE__ */ jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: /* @__PURE__ */ jsxs(
1134
1140
  Form,
@@ -1019,10 +1019,7 @@ function ContactCard({
1019
1019
  onSuccess,
1020
1020
  onError
1021
1021
  }) {
1022
- const fields = React.useMemo(
1023
- () => formFields || DEFAULT_FORM_FIELDS,
1024
- [formFields]
1025
- );
1022
+ const fields = React.useMemo(() => formFields || DEFAULT_FORM_FIELDS, [formFields]);
1026
1023
  const { form, submissionError, formMethod, resetSubmissionState } = integration.useContactForm({
1027
1024
  formFields: fields,
1028
1025
  formConfig,
@@ -1034,7 +1031,14 @@ function ContactCard({
1034
1031
  if (actionsSlot) return actionsSlot;
1035
1032
  if (actions && actions.length > 0) {
1036
1033
  return actions.map((action, index) => {
1037
- const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
1034
+ const {
1035
+ label,
1036
+ icon,
1037
+ iconAfter,
1038
+ children,
1039
+ className: actionClassName,
1040
+ ...pressableProps
1041
+ } = action;
1038
1042
  return /* @__PURE__ */ jsxRuntime.jsx(
1039
1043
  Pressable,
1040
1044
  {
@@ -1078,12 +1082,12 @@ function ContactCard({
1078
1082
  "h3",
1079
1083
  {
1080
1084
  className: cn(
1081
- "mb-6 text-2xl font-semibold tracking-tight",
1085
+ "mb-6 text-2xl font-semibold tracking-tight text-balance",
1082
1086
  formHeadingClassName
1083
1087
  ),
1084
1088
  children: formHeading
1085
1089
  }
1086
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: formHeadingClassName, children: formHeading })),
1090
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-balance", formHeadingClassName), children: formHeading })),
1087
1091
  /* @__PURE__ */ jsxRuntime.jsxs(
1088
1092
  forms.Form,
1089
1093
  {
@@ -1129,13 +1133,22 @@ function ContactCard({
1129
1133
  "h2",
1130
1134
  {
1131
1135
  className: cn(
1132
- "mb-3 text-3xl font-bold tracking-tight",
1136
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
1133
1137
  headingClassName
1134
1138
  ),
1135
1139
  children: heading
1136
1140
  }
1137
1141
  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
1138
- description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("leading-relaxed", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
1142
+ description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1143
+ "p",
1144
+ {
1145
+ className: cn(
1146
+ "leading-relaxed text-balance",
1147
+ descriptionClassName
1148
+ ),
1149
+ children: description
1150
+ }
1151
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
1139
1152
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-10 space-y-4", contactOptionsClassName), children: contactOptionsContent })
1140
1153
  ] })
1141
1154
  ] }) })
@@ -998,10 +998,7 @@ function ContactCard({
998
998
  onSuccess,
999
999
  onError
1000
1000
  }) {
1001
- const fields = useMemo(
1002
- () => formFields || DEFAULT_FORM_FIELDS,
1003
- [formFields]
1004
- );
1001
+ const fields = useMemo(() => formFields || DEFAULT_FORM_FIELDS, [formFields]);
1005
1002
  const { form, submissionError, formMethod, resetSubmissionState } = useContactForm({
1006
1003
  formFields: fields,
1007
1004
  formConfig,
@@ -1013,7 +1010,14 @@ function ContactCard({
1013
1010
  if (actionsSlot) return actionsSlot;
1014
1011
  if (actions && actions.length > 0) {
1015
1012
  return actions.map((action, index) => {
1016
- const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
1013
+ const {
1014
+ label,
1015
+ icon,
1016
+ iconAfter,
1017
+ children,
1018
+ className: actionClassName,
1019
+ ...pressableProps
1020
+ } = action;
1017
1021
  return /* @__PURE__ */ jsx(
1018
1022
  Pressable,
1019
1023
  {
@@ -1057,12 +1061,12 @@ function ContactCard({
1057
1061
  "h3",
1058
1062
  {
1059
1063
  className: cn(
1060
- "mb-6 text-2xl font-semibold tracking-tight",
1064
+ "mb-6 text-2xl font-semibold tracking-tight text-balance",
1061
1065
  formHeadingClassName
1062
1066
  ),
1063
1067
  children: formHeading
1064
1068
  }
1065
- ) : /* @__PURE__ */ jsx("div", { className: formHeadingClassName, children: formHeading })),
1069
+ ) : /* @__PURE__ */ jsx("div", { className: cn("text-balance", formHeadingClassName), children: formHeading })),
1066
1070
  /* @__PURE__ */ jsxs(
1067
1071
  Form,
1068
1072
  {
@@ -1108,13 +1112,22 @@ function ContactCard({
1108
1112
  "h2",
1109
1113
  {
1110
1114
  className: cn(
1111
- "mb-3 text-3xl font-bold tracking-tight",
1115
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
1112
1116
  headingClassName
1113
1117
  ),
1114
1118
  children: heading
1115
1119
  }
1116
1120
  ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
1117
- description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("leading-relaxed", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
1121
+ description && (typeof description === "string" ? /* @__PURE__ */ jsx(
1122
+ "p",
1123
+ {
1124
+ className: cn(
1125
+ "leading-relaxed text-balance",
1126
+ descriptionClassName
1127
+ ),
1128
+ children: description
1129
+ }
1130
+ ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
1118
1131
  /* @__PURE__ */ jsx("div", { className: cn("mt-10 space-y-4", contactOptionsClassName), children: contactOptionsContent })
1119
1132
  ] })
1120
1133
  ] }) })
@@ -977,10 +977,7 @@ function ContactCareers({
977
977
  onSuccess,
978
978
  onError
979
979
  }) {
980
- const fields = React.useMemo(
981
- () => formFields || DEFAULT_FORM_FIELDS,
982
- [formFields]
983
- );
980
+ const fields = React.useMemo(() => formFields || DEFAULT_FORM_FIELDS, [formFields]);
984
981
  const {
985
982
  uploadTokens,
986
983
  uploadProgress,
@@ -1045,13 +1042,22 @@ function ContactCareers({
1045
1042
  "h2",
1046
1043
  {
1047
1044
  className: cn(
1048
- "mb-3 text-3xl font-bold tracking-tight",
1045
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
1049
1046
  headingClassName
1050
1047
  ),
1051
1048
  children: heading
1052
1049
  }
1053
1050
  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
1054
- description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("leading-relaxed", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
1051
+ description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1052
+ "p",
1053
+ {
1054
+ className: cn(
1055
+ "leading-relaxed text-balance",
1056
+ descriptionClassName
1057
+ ),
1058
+ children: description
1059
+ }
1060
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
1055
1061
  ] }),
1056
1062
  /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: cn("p-0", cardContentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(
1057
1063
  forms.Form,
@@ -956,10 +956,7 @@ function ContactCareers({
956
956
  onSuccess,
957
957
  onError
958
958
  }) {
959
- const fields = useMemo(
960
- () => formFields || DEFAULT_FORM_FIELDS,
961
- [formFields]
962
- );
959
+ const fields = useMemo(() => formFields || DEFAULT_FORM_FIELDS, [formFields]);
963
960
  const {
964
961
  uploadTokens,
965
962
  uploadProgress,
@@ -1024,13 +1021,22 @@ function ContactCareers({
1024
1021
  "h2",
1025
1022
  {
1026
1023
  className: cn(
1027
- "mb-3 text-3xl font-bold tracking-tight",
1024
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
1028
1025
  headingClassName
1029
1026
  ),
1030
1027
  children: heading
1031
1028
  }
1032
1029
  ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
1033
- description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("leading-relaxed", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
1030
+ description && (typeof description === "string" ? /* @__PURE__ */ jsx(
1031
+ "p",
1032
+ {
1033
+ className: cn(
1034
+ "leading-relaxed text-balance",
1035
+ descriptionClassName
1036
+ ),
1037
+ children: description
1038
+ }
1039
+ ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
1034
1040
  ] }),
1035
1041
  /* @__PURE__ */ jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsx(CardContent, { className: cn("p-0", cardContentClassName), children: /* @__PURE__ */ jsxs(
1036
1042
  Form,
@@ -1040,10 +1040,7 @@ function ContactCatering({
1040
1040
  onSuccess,
1041
1041
  onError
1042
1042
  }) {
1043
- const fields = React.useMemo(
1044
- () => formFields || DEFAULT_FORM_FIELDS,
1045
- [formFields]
1046
- );
1043
+ const fields = React.useMemo(() => formFields || DEFAULT_FORM_FIELDS, [formFields]);
1047
1044
  const { form, submissionError, formMethod, resetSubmissionState } = integration.useContactForm({
1048
1045
  formFields: fields,
1049
1046
  formConfig,
@@ -1096,7 +1093,7 @@ function ContactCatering({
1096
1093
  "h2",
1097
1094
  {
1098
1095
  className: cn(
1099
- "mb-3 text-3xl font-bold tracking-tight",
1096
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
1100
1097
  headingClassName
1101
1098
  ),
1102
1099
  children: heading
@@ -1106,7 +1103,7 @@ function ContactCatering({
1106
1103
  "p",
1107
1104
  {
1108
1105
  className: cn(
1109
- "leading-relaxed text-muted-foreground",
1106
+ "leading-relaxed text-balance",
1110
1107
  descriptionClassName
1111
1108
  ),
1112
1109
  children: description
@@ -1019,10 +1019,7 @@ function ContactCatering({
1019
1019
  onSuccess,
1020
1020
  onError
1021
1021
  }) {
1022
- const fields = useMemo(
1023
- () => formFields || DEFAULT_FORM_FIELDS,
1024
- [formFields]
1025
- );
1022
+ const fields = useMemo(() => formFields || DEFAULT_FORM_FIELDS, [formFields]);
1026
1023
  const { form, submissionError, formMethod, resetSubmissionState } = useContactForm({
1027
1024
  formFields: fields,
1028
1025
  formConfig,
@@ -1075,7 +1072,7 @@ function ContactCatering({
1075
1072
  "h2",
1076
1073
  {
1077
1074
  className: cn(
1078
- "mb-3 text-3xl font-bold tracking-tight",
1075
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
1079
1076
  headingClassName
1080
1077
  ),
1081
1078
  children: heading
@@ -1085,7 +1082,7 @@ function ContactCatering({
1085
1082
  "p",
1086
1083
  {
1087
1084
  className: cn(
1088
- "leading-relaxed text-muted-foreground",
1085
+ "leading-relaxed text-balance",
1089
1086
  descriptionClassName
1090
1087
  ),
1091
1088
  children: description
@@ -1169,13 +1169,22 @@ function ContactDemo({
1169
1169
  "h2",
1170
1170
  {
1171
1171
  className: cn(
1172
- "mb-3 text-3xl font-bold tracking-tight",
1172
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
1173
1173
  headingClassName
1174
1174
  ),
1175
1175
  children: heading
1176
1176
  }
1177
1177
  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
1178
- description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("leading-relaxed", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
1178
+ description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1179
+ "p",
1180
+ {
1181
+ className: cn(
1182
+ "leading-relaxed text-balance",
1183
+ descriptionClassName
1184
+ ),
1185
+ children: description
1186
+ }
1187
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
1179
1188
  ] }),
1180
1189
  /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(
1181
1190
  forms.Form,
@@ -1145,13 +1145,22 @@ function ContactDemo({
1145
1145
  "h2",
1146
1146
  {
1147
1147
  className: cn(
1148
- "mb-3 text-3xl font-bold tracking-tight",
1148
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
1149
1149
  headingClassName
1150
1150
  ),
1151
1151
  children: heading
1152
1152
  }
1153
1153
  ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
1154
- description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("leading-relaxed", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
1154
+ description && (typeof description === "string" ? /* @__PURE__ */ jsx(
1155
+ "p",
1156
+ {
1157
+ className: cn(
1158
+ "leading-relaxed text-balance",
1159
+ descriptionClassName
1160
+ ),
1161
+ children: description
1162
+ }
1163
+ ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
1155
1164
  ] }),
1156
1165
  /* @__PURE__ */ jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: /* @__PURE__ */ jsxs(
1157
1166
  Form,
@@ -989,7 +989,7 @@ function ContactEvent({
989
989
  "h2",
990
990
  {
991
991
  className: cn(
992
- "mb-3 text-3xl font-bold tracking-tight",
992
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
993
993
  headingClassName
994
994
  ),
995
995
  children: heading
@@ -999,7 +999,7 @@ function ContactEvent({
999
999
  "p",
1000
1000
  {
1001
1001
  className: cn(
1002
- "leading-relaxed text-muted-foreground",
1002
+ "leading-relaxed text-balance",
1003
1003
  descriptionClassName
1004
1004
  ),
1005
1005
  children: description
@@ -967,7 +967,7 @@ function ContactEvent({
967
967
  "h2",
968
968
  {
969
969
  className: cn(
970
- "mb-3 text-3xl font-bold tracking-tight",
970
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
971
971
  headingClassName
972
972
  ),
973
973
  children: heading
@@ -977,7 +977,7 @@ function ContactEvent({
977
977
  "p",
978
978
  {
979
979
  className: cn(
980
- "leading-relaxed text-muted-foreground",
980
+ "leading-relaxed text-balance",
981
981
  descriptionClassName
982
982
  ),
983
983
  children: description
@@ -983,7 +983,7 @@ function ContactFeedback({
983
983
  "h2",
984
984
  {
985
985
  className: cn(
986
- "mb-3 text-3xl font-bold tracking-tight",
986
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
987
987
  headingClassName
988
988
  ),
989
989
  children: heading
@@ -993,7 +993,7 @@ function ContactFeedback({
993
993
  "p",
994
994
  {
995
995
  className: cn(
996
- "leading-relaxed text-muted-foreground",
996
+ "leading-relaxed text-balance",
997
997
  descriptionClassName
998
998
  ),
999
999
  children: description
@@ -961,7 +961,7 @@ function ContactFeedback({
961
961
  "h2",
962
962
  {
963
963
  className: cn(
964
- "mb-3 text-3xl font-bold tracking-tight",
964
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
965
965
  headingClassName
966
966
  ),
967
967
  children: heading
@@ -971,7 +971,7 @@ function ContactFeedback({
971
971
  "p",
972
972
  {
973
973
  className: cn(
974
- "leading-relaxed text-muted-foreground",
974
+ "leading-relaxed text-balance",
975
975
  descriptionClassName
976
976
  ),
977
977
  children: description
@@ -989,7 +989,7 @@ function ContactFitness({
989
989
  "h2",
990
990
  {
991
991
  className: cn(
992
- "mb-3 text-3xl font-bold tracking-tight",
992
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
993
993
  headingClassName
994
994
  ),
995
995
  children: heading
@@ -999,7 +999,7 @@ function ContactFitness({
999
999
  "p",
1000
1000
  {
1001
1001
  className: cn(
1002
- "leading-relaxed text-muted-foreground",
1002
+ "leading-relaxed text-balance",
1003
1003
  descriptionClassName
1004
1004
  ),
1005
1005
  children: description
@@ -967,7 +967,7 @@ function ContactFitness({
967
967
  "h2",
968
968
  {
969
969
  className: cn(
970
- "mb-3 text-3xl font-bold tracking-tight",
970
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
971
971
  headingClassName
972
972
  ),
973
973
  children: heading
@@ -977,7 +977,7 @@ function ContactFitness({
977
977
  "p",
978
978
  {
979
979
  className: cn(
980
- "leading-relaxed text-muted-foreground",
980
+ "leading-relaxed text-balance",
981
981
  descriptionClassName
982
982
  ),
983
983
  children: description
@@ -989,13 +989,22 @@ function ContactGuest({
989
989
  "h2",
990
990
  {
991
991
  className: cn(
992
- "mb-3 text-3xl font-bold tracking-tight",
992
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
993
993
  headingClassName
994
994
  ),
995
995
  children: heading
996
996
  }
997
997
  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
998
- description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("leading-relaxed", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
998
+ description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
999
+ "p",
1000
+ {
1001
+ className: cn(
1002
+ "leading-relaxed text-balance",
1003
+ descriptionClassName
1004
+ ),
1005
+ children: description
1006
+ }
1007
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
999
1008
  ] }),
1000
1009
  /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cn("mx-auto max-w-xl", cardClassName), children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(
1001
1010
  forms.Form,
@@ -967,13 +967,22 @@ function ContactGuest({
967
967
  "h2",
968
968
  {
969
969
  className: cn(
970
- "mb-3 text-3xl font-bold tracking-tight",
970
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
971
971
  headingClassName
972
972
  ),
973
973
  children: heading
974
974
  }
975
975
  ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
976
- description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("leading-relaxed", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
976
+ description && (typeof description === "string" ? /* @__PURE__ */ jsx(
977
+ "p",
978
+ {
979
+ className: cn(
980
+ "leading-relaxed text-balance",
981
+ descriptionClassName
982
+ ),
983
+ children: description
984
+ }
985
+ ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
977
986
  ] }),
978
987
  /* @__PURE__ */ jsx(Card, { className: cn("mx-auto max-w-xl", cardClassName), children: /* @__PURE__ */ jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: /* @__PURE__ */ jsxs(
979
988
  Form,
@@ -989,13 +989,22 @@ function ContactImage({
989
989
  "h2",
990
990
  {
991
991
  className: cn(
992
- "mb-3 text-3xl font-bold tracking-tight",
992
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
993
993
  headingClassName
994
994
  ),
995
995
  children: heading
996
996
  }
997
997
  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
998
- description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("leading-relaxed ", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
998
+ description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
999
+ "p",
1000
+ {
1001
+ className: cn(
1002
+ "leading-relaxed text-balance",
1003
+ descriptionClassName
1004
+ ),
1005
+ children: description
1006
+ }
1007
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
999
1008
  ] }),
1000
1009
  /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cn("mx-auto max-w-xl", cardClassName), children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(
1001
1010
  forms.Form,
@@ -967,13 +967,22 @@ function ContactImage({
967
967
  "h2",
968
968
  {
969
969
  className: cn(
970
- "mb-3 text-3xl font-bold tracking-tight",
970
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
971
971
  headingClassName
972
972
  ),
973
973
  children: heading
974
974
  }
975
975
  ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
976
- description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("leading-relaxed ", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
976
+ description && (typeof description === "string" ? /* @__PURE__ */ jsx(
977
+ "p",
978
+ {
979
+ className: cn(
980
+ "leading-relaxed text-balance",
981
+ descriptionClassName
982
+ ),
983
+ children: description
984
+ }
985
+ ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
977
986
  ] }),
978
987
  /* @__PURE__ */ jsx(Card, { className: cn("mx-auto max-w-xl", cardClassName), children: /* @__PURE__ */ jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: /* @__PURE__ */ jsxs(
979
988
  Form,