@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.
@@ -948,12 +948,28 @@ function ContactMaintenance({
948
948
  if (actionsSlot) return actionsSlot;
949
949
  if (actions && actions.length > 0) {
950
950
  return actions.map((action, index) => {
951
- const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
952
- return /* @__PURE__ */ jsxRuntime.jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
953
- icon,
951
+ const {
954
952
  label,
955
- iconAfter
956
- ] }) }, index);
953
+ icon,
954
+ iconAfter,
955
+ children,
956
+ className: actionClassName,
957
+ ...pressableProps
958
+ } = action;
959
+ return /* @__PURE__ */ jsxRuntime.jsx(
960
+ Pressable,
961
+ {
962
+ asButton: true,
963
+ className: actionClassName,
964
+ ...pressableProps,
965
+ children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
966
+ icon,
967
+ label,
968
+ iconAfter
969
+ ] })
970
+ },
971
+ index
972
+ );
957
973
  });
958
974
  }
959
975
  return null;
@@ -968,8 +984,26 @@ function ContactMaintenance({
968
984
  className: cn("py-12", className),
969
985
  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-4xl px-4", containerClassName), children: [
970
986
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-10 text-center", headerClassName), children: [
971
- heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mb-3 text-3xl font-bold tracking-tight", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
972
- description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("leading-relaxed text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
987
+ heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
988
+ "h2",
989
+ {
990
+ className: cn(
991
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
992
+ headingClassName
993
+ ),
994
+ children: heading
995
+ }
996
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
997
+ description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
998
+ "p",
999
+ {
1000
+ className: cn(
1001
+ "leading-relaxed text-balance",
1002
+ descriptionClassName
1003
+ ),
1004
+ children: description
1005
+ }
1006
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
973
1007
  ] }),
974
1008
  /* @__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(
975
1009
  forms.Form,
@@ -926,12 +926,28 @@ function ContactMaintenance({
926
926
  if (actionsSlot) return actionsSlot;
927
927
  if (actions && actions.length > 0) {
928
928
  return actions.map((action, index) => {
929
- const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
930
- return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
931
- icon,
929
+ const {
932
930
  label,
933
- iconAfter
934
- ] }) }, index);
931
+ icon,
932
+ iconAfter,
933
+ children,
934
+ className: actionClassName,
935
+ ...pressableProps
936
+ } = action;
937
+ return /* @__PURE__ */ jsx(
938
+ Pressable,
939
+ {
940
+ asButton: true,
941
+ className: actionClassName,
942
+ ...pressableProps,
943
+ children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
944
+ icon,
945
+ label,
946
+ iconAfter
947
+ ] })
948
+ },
949
+ index
950
+ );
935
951
  });
936
952
  }
937
953
  return null;
@@ -946,8 +962,26 @@ function ContactMaintenance({
946
962
  className: cn("py-12", className),
947
963
  children: /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-4xl px-4", containerClassName), children: [
948
964
  /* @__PURE__ */ jsxs("div", { className: cn("mb-10 text-center", headerClassName), children: [
949
- heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("mb-3 text-3xl font-bold tracking-tight", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
950
- description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("leading-relaxed text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
965
+ heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
966
+ "h2",
967
+ {
968
+ className: cn(
969
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
970
+ headingClassName
971
+ ),
972
+ children: heading
973
+ }
974
+ ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
975
+ description && (typeof description === "string" ? /* @__PURE__ */ jsx(
976
+ "p",
977
+ {
978
+ className: cn(
979
+ "leading-relaxed text-balance",
980
+ descriptionClassName
981
+ ),
982
+ children: description
983
+ }
984
+ ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
951
985
  ] }),
952
986
  /* @__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(
953
987
  Form,
@@ -948,12 +948,28 @@ function ContactMap({
948
948
  if (actionsSlot) return actionsSlot;
949
949
  if (actions && actions.length > 0) {
950
950
  return actions.map((action, index) => {
951
- const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
952
- return /* @__PURE__ */ jsxRuntime.jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
953
- icon,
951
+ const {
954
952
  label,
955
- iconAfter
956
- ] }) }, index);
953
+ icon,
954
+ iconAfter,
955
+ children,
956
+ className: actionClassName,
957
+ ...pressableProps
958
+ } = action;
959
+ return /* @__PURE__ */ jsxRuntime.jsx(
960
+ Pressable,
961
+ {
962
+ asButton: true,
963
+ className: actionClassName,
964
+ ...pressableProps,
965
+ children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
966
+ icon,
967
+ label,
968
+ iconAfter
969
+ ] })
970
+ },
971
+ index
972
+ );
957
973
  });
958
974
  }
959
975
  return null;
@@ -968,8 +984,26 @@ function ContactMap({
968
984
  className: cn("py-12", className),
969
985
  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-4xl px-4", containerClassName), children: [
970
986
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-10 text-center", headerClassName), children: [
971
- heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mb-3 text-3xl font-bold tracking-tight", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
972
- description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("leading-relaxed text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
987
+ heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
988
+ "h2",
989
+ {
990
+ className: cn(
991
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
992
+ headingClassName
993
+ ),
994
+ children: heading
995
+ }
996
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
997
+ description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
998
+ "p",
999
+ {
1000
+ className: cn(
1001
+ "leading-relaxed text-balance",
1002
+ descriptionClassName
1003
+ ),
1004
+ children: description
1005
+ }
1006
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
973
1007
  ] }),
974
1008
  /* @__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(
975
1009
  forms.Form,
@@ -926,12 +926,28 @@ function ContactMap({
926
926
  if (actionsSlot) return actionsSlot;
927
927
  if (actions && actions.length > 0) {
928
928
  return actions.map((action, index) => {
929
- const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
930
- return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
931
- icon,
929
+ const {
932
930
  label,
933
- iconAfter
934
- ] }) }, index);
931
+ icon,
932
+ iconAfter,
933
+ children,
934
+ className: actionClassName,
935
+ ...pressableProps
936
+ } = action;
937
+ return /* @__PURE__ */ jsx(
938
+ Pressable,
939
+ {
940
+ asButton: true,
941
+ className: actionClassName,
942
+ ...pressableProps,
943
+ children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
944
+ icon,
945
+ label,
946
+ iconAfter
947
+ ] })
948
+ },
949
+ index
950
+ );
935
951
  });
936
952
  }
937
953
  return null;
@@ -946,8 +962,26 @@ function ContactMap({
946
962
  className: cn("py-12", className),
947
963
  children: /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-4xl px-4", containerClassName), children: [
948
964
  /* @__PURE__ */ jsxs("div", { className: cn("mb-10 text-center", headerClassName), children: [
949
- heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("mb-3 text-3xl font-bold tracking-tight", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
950
- description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("leading-relaxed text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
965
+ heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
966
+ "h2",
967
+ {
968
+ className: cn(
969
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
970
+ headingClassName
971
+ ),
972
+ children: heading
973
+ }
974
+ ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
975
+ description && (typeof description === "string" ? /* @__PURE__ */ jsx(
976
+ "p",
977
+ {
978
+ className: cn(
979
+ "leading-relaxed text-balance",
980
+ descriptionClassName
981
+ ),
982
+ children: description
983
+ }
984
+ ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
951
985
  ] }),
952
986
  /* @__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(
953
987
  Form,
@@ -1027,7 +1027,14 @@ function ContactMinimal({
1027
1027
  if (actionsSlot) return actionsSlot;
1028
1028
  if (actions && actions.length > 0) {
1029
1029
  return actions.map((action, index) => {
1030
- const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
1030
+ const {
1031
+ label,
1032
+ icon,
1033
+ iconAfter,
1034
+ children,
1035
+ className: actionClassName,
1036
+ ...pressableProps
1037
+ } = action;
1031
1038
  return /* @__PURE__ */ jsxRuntime.jsx(
1032
1039
  Pressable,
1033
1040
  {
@@ -1049,7 +1056,25 @@ function ContactMinimal({
1049
1056
  const footerContent = React__namespace.useMemo(() => {
1050
1057
  if (footerSlot) return footerSlot;
1051
1058
  if (footer) {
1052
- return typeof footer === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-6 text-center text-sm text-muted-foreground", footerClassName), children: footer }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-6 text-center text-sm text-muted-foreground", footerClassName), children: footer });
1059
+ return typeof footer === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1060
+ "p",
1061
+ {
1062
+ className: cn(
1063
+ "mt-6 text-center text-sm text-balance",
1064
+ footerClassName
1065
+ ),
1066
+ children: footer
1067
+ }
1068
+ ) : /* @__PURE__ */ jsxRuntime.jsx(
1069
+ "div",
1070
+ {
1071
+ className: cn(
1072
+ "mt-6 text-center text-sm text-balance",
1073
+ footerClassName
1074
+ ),
1075
+ children: footer
1076
+ }
1077
+ );
1053
1078
  }
1054
1079
  return null;
1055
1080
  }, [footerSlot, footer, footerClassName]);
@@ -1063,8 +1088,26 @@ function ContactMinimal({
1063
1088
  className: cn("py-12", className),
1064
1089
  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto w-full max-w-md px-4", containerClassName), children: [
1065
1090
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-10 text-center", headerClassName), children: [
1066
- heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mb-3 text-3xl font-bold tracking-tight", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
1067
- description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("leading-relaxed text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
1091
+ heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1092
+ "h2",
1093
+ {
1094
+ className: cn(
1095
+ "mb-3 text-3xl font-bold tracking-tight",
1096
+ headingClassName
1097
+ ),
1098
+ children: heading
1099
+ }
1100
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
1101
+ description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1102
+ "p",
1103
+ {
1104
+ className: cn(
1105
+ "leading-relaxed text-muted-foreground",
1106
+ descriptionClassName
1107
+ ),
1108
+ children: description
1109
+ }
1110
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
1068
1111
  ] }),
1069
1112
  /* @__PURE__ */ jsxRuntime.jsxs(
1070
1113
  forms.Form,
@@ -1005,7 +1005,14 @@ function ContactMinimal({
1005
1005
  if (actionsSlot) return actionsSlot;
1006
1006
  if (actions && actions.length > 0) {
1007
1007
  return actions.map((action, index) => {
1008
- const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
1008
+ const {
1009
+ label,
1010
+ icon,
1011
+ iconAfter,
1012
+ children,
1013
+ className: actionClassName,
1014
+ ...pressableProps
1015
+ } = action;
1009
1016
  return /* @__PURE__ */ jsx(
1010
1017
  Pressable,
1011
1018
  {
@@ -1027,7 +1034,25 @@ function ContactMinimal({
1027
1034
  const footerContent = React.useMemo(() => {
1028
1035
  if (footerSlot) return footerSlot;
1029
1036
  if (footer) {
1030
- return typeof footer === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-6 text-center text-sm text-muted-foreground", footerClassName), children: footer }) : /* @__PURE__ */ jsx("div", { className: cn("mt-6 text-center text-sm text-muted-foreground", footerClassName), children: footer });
1037
+ return typeof footer === "string" ? /* @__PURE__ */ jsx(
1038
+ "p",
1039
+ {
1040
+ className: cn(
1041
+ "mt-6 text-center text-sm text-balance",
1042
+ footerClassName
1043
+ ),
1044
+ children: footer
1045
+ }
1046
+ ) : /* @__PURE__ */ jsx(
1047
+ "div",
1048
+ {
1049
+ className: cn(
1050
+ "mt-6 text-center text-sm text-balance",
1051
+ footerClassName
1052
+ ),
1053
+ children: footer
1054
+ }
1055
+ );
1031
1056
  }
1032
1057
  return null;
1033
1058
  }, [footerSlot, footer, footerClassName]);
@@ -1041,8 +1066,26 @@ function ContactMinimal({
1041
1066
  className: cn("py-12", className),
1042
1067
  children: /* @__PURE__ */ jsxs("div", { className: cn("mx-auto w-full max-w-md px-4", containerClassName), children: [
1043
1068
  /* @__PURE__ */ jsxs("div", { className: cn("mb-10 text-center", headerClassName), children: [
1044
- heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("mb-3 text-3xl font-bold tracking-tight", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
1045
- description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("leading-relaxed text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
1069
+ heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
1070
+ "h2",
1071
+ {
1072
+ className: cn(
1073
+ "mb-3 text-3xl font-bold tracking-tight",
1074
+ headingClassName
1075
+ ),
1076
+ children: heading
1077
+ }
1078
+ ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
1079
+ description && (typeof description === "string" ? /* @__PURE__ */ jsx(
1080
+ "p",
1081
+ {
1082
+ className: cn(
1083
+ "leading-relaxed text-muted-foreground",
1084
+ descriptionClassName
1085
+ ),
1086
+ children: description
1087
+ }
1088
+ ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
1046
1089
  ] }),
1047
1090
  /* @__PURE__ */ jsxs(
1048
1091
  Form,
@@ -948,12 +948,28 @@ function ContactMoving({
948
948
  if (actionsSlot) return actionsSlot;
949
949
  if (actions && actions.length > 0) {
950
950
  return actions.map((action, index) => {
951
- const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
952
- return /* @__PURE__ */ jsxRuntime.jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
953
- icon,
951
+ const {
954
952
  label,
955
- iconAfter
956
- ] }) }, index);
953
+ icon,
954
+ iconAfter,
955
+ children,
956
+ className: actionClassName,
957
+ ...pressableProps
958
+ } = action;
959
+ return /* @__PURE__ */ jsxRuntime.jsx(
960
+ Pressable,
961
+ {
962
+ asButton: true,
963
+ className: actionClassName,
964
+ ...pressableProps,
965
+ children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
966
+ icon,
967
+ label,
968
+ iconAfter
969
+ ] })
970
+ },
971
+ index
972
+ );
957
973
  });
958
974
  }
959
975
  return null;
@@ -968,8 +984,26 @@ function ContactMoving({
968
984
  className: cn("py-12", className),
969
985
  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-4xl px-4", containerClassName), children: [
970
986
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-10 text-center", headerClassName), children: [
971
- heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mb-3 text-3xl font-bold tracking-tight", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
972
- description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("leading-relaxed text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
987
+ heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
988
+ "h2",
989
+ {
990
+ className: cn(
991
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
992
+ headingClassName
993
+ ),
994
+ children: heading
995
+ }
996
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
997
+ description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
998
+ "p",
999
+ {
1000
+ className: cn(
1001
+ "leading-relaxed text-balance",
1002
+ descriptionClassName
1003
+ ),
1004
+ children: description
1005
+ }
1006
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
973
1007
  ] }),
974
1008
  /* @__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(
975
1009
  forms.Form,
@@ -926,12 +926,28 @@ function ContactMoving({
926
926
  if (actionsSlot) return actionsSlot;
927
927
  if (actions && actions.length > 0) {
928
928
  return actions.map((action, index) => {
929
- const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
930
- return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
931
- icon,
929
+ const {
932
930
  label,
933
- iconAfter
934
- ] }) }, index);
931
+ icon,
932
+ iconAfter,
933
+ children,
934
+ className: actionClassName,
935
+ ...pressableProps
936
+ } = action;
937
+ return /* @__PURE__ */ jsx(
938
+ Pressable,
939
+ {
940
+ asButton: true,
941
+ className: actionClassName,
942
+ ...pressableProps,
943
+ children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
944
+ icon,
945
+ label,
946
+ iconAfter
947
+ ] })
948
+ },
949
+ index
950
+ );
935
951
  });
936
952
  }
937
953
  return null;
@@ -946,8 +962,26 @@ function ContactMoving({
946
962
  className: cn("py-12", className),
947
963
  children: /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-4xl px-4", containerClassName), children: [
948
964
  /* @__PURE__ */ jsxs("div", { className: cn("mb-10 text-center", headerClassName), children: [
949
- heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("mb-3 text-3xl font-bold tracking-tight", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
950
- description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("leading-relaxed text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
965
+ heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
966
+ "h2",
967
+ {
968
+ className: cn(
969
+ "mb-3 text-3xl font-bold tracking-tight text-balance",
970
+ headingClassName
971
+ ),
972
+ children: heading
973
+ }
974
+ ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
975
+ description && (typeof description === "string" ? /* @__PURE__ */ jsx(
976
+ "p",
977
+ {
978
+ className: cn(
979
+ "leading-relaxed text-balance",
980
+ descriptionClassName
981
+ ),
982
+ children: description
983
+ }
984
+ ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
951
985
  ] }),
952
986
  /* @__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(
953
987
  Form,
@@ -948,12 +948,28 @@ function ContactMultistep({
948
948
  if (actionsSlot) return actionsSlot;
949
949
  if (actions && actions.length > 0) {
950
950
  return actions.map((action, index) => {
951
- const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
952
- return /* @__PURE__ */ jsxRuntime.jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
953
- icon,
951
+ const {
954
952
  label,
955
- iconAfter
956
- ] }) }, index);
953
+ icon,
954
+ iconAfter,
955
+ children,
956
+ className: actionClassName,
957
+ ...pressableProps
958
+ } = action;
959
+ return /* @__PURE__ */ jsxRuntime.jsx(
960
+ Pressable,
961
+ {
962
+ asButton: true,
963
+ className: actionClassName,
964
+ ...pressableProps,
965
+ children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
966
+ icon,
967
+ label,
968
+ iconAfter
969
+ ] })
970
+ },
971
+ index
972
+ );
957
973
  });
958
974
  }
959
975
  return null;
@@ -968,8 +984,26 @@ function ContactMultistep({
968
984
  className: cn("py-12", className),
969
985
  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-4xl px-4", containerClassName), children: [
970
986
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-10 text-center", headerClassName), children: [
971
- heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mb-3 text-3xl font-bold tracking-tight", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
972
- description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("leading-relaxed text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
987
+ heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
988
+ "h2",
989
+ {
990
+ className: cn(
991
+ "mb-3 text-3xl font-bold tracking-tight",
992
+ headingClassName
993
+ ),
994
+ children: heading
995
+ }
996
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
997
+ description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
998
+ "p",
999
+ {
1000
+ className: cn(
1001
+ "leading-relaxed text-balance",
1002
+ descriptionClassName
1003
+ ),
1004
+ children: description
1005
+ }
1006
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
973
1007
  ] }),
974
1008
  /* @__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(
975
1009
  forms.Form,
@@ -926,12 +926,28 @@ function ContactMultistep({
926
926
  if (actionsSlot) return actionsSlot;
927
927
  if (actions && actions.length > 0) {
928
928
  return actions.map((action, index) => {
929
- const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
930
- return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
931
- icon,
929
+ const {
932
930
  label,
933
- iconAfter
934
- ] }) }, index);
931
+ icon,
932
+ iconAfter,
933
+ children,
934
+ className: actionClassName,
935
+ ...pressableProps
936
+ } = action;
937
+ return /* @__PURE__ */ jsx(
938
+ Pressable,
939
+ {
940
+ asButton: true,
941
+ className: actionClassName,
942
+ ...pressableProps,
943
+ children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
944
+ icon,
945
+ label,
946
+ iconAfter
947
+ ] })
948
+ },
949
+ index
950
+ );
935
951
  });
936
952
  }
937
953
  return null;
@@ -946,8 +962,26 @@ function ContactMultistep({
946
962
  className: cn("py-12", className),
947
963
  children: /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-4xl px-4", containerClassName), children: [
948
964
  /* @__PURE__ */ jsxs("div", { className: cn("mb-10 text-center", headerClassName), children: [
949
- heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("mb-3 text-3xl font-bold tracking-tight", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
950
- description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("leading-relaxed text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
965
+ heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
966
+ "h2",
967
+ {
968
+ className: cn(
969
+ "mb-3 text-3xl font-bold tracking-tight",
970
+ headingClassName
971
+ ),
972
+ children: heading
973
+ }
974
+ ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
975
+ description && (typeof description === "string" ? /* @__PURE__ */ jsx(
976
+ "p",
977
+ {
978
+ className: cn(
979
+ "leading-relaxed text-balance",
980
+ descriptionClassName
981
+ ),
982
+ children: description
983
+ }
984
+ ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
951
985
  ] }),
952
986
  /* @__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(
953
987
  Form,