@opensite/ui 1.6.9 → 1.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 (31) hide show
  1. package/dist/hero-billing-platform-logos.cjs +77 -52
  2. package/dist/hero-billing-platform-logos.js +77 -51
  3. package/dist/hero-conversion-video-play.cjs +240 -78
  4. package/dist/hero-conversion-video-play.js +233 -75
  5. package/dist/hero-customer-support-layered.cjs +1 -1
  6. package/dist/hero-customer-support-layered.js +1 -1
  7. package/dist/hero-dashed-border-features.cjs +33 -24
  8. package/dist/hero-dashed-border-features.js +33 -24
  9. package/dist/hero-design-showcase-logos.cjs +102 -38
  10. package/dist/hero-design-showcase-logos.js +102 -38
  11. package/dist/hero-grid-pattern-solutions.cjs +187 -49
  12. package/dist/hero-grid-pattern-solutions.d.cts +1 -4
  13. package/dist/hero-grid-pattern-solutions.d.ts +1 -4
  14. package/dist/hero-grid-pattern-solutions.js +188 -50
  15. package/dist/hero-marketplace-scattered-images.cjs +120 -79
  16. package/dist/hero-marketplace-scattered-images.js +120 -79
  17. package/dist/hero-mentorship-video-split.cjs +32 -13
  18. package/dist/hero-mentorship-video-split.js +32 -13
  19. package/dist/hero-premium-split-avatars.cjs +2 -2
  20. package/dist/hero-premium-split-avatars.js +2 -2
  21. package/dist/hero-productivity-launcher-video.cjs +45 -143
  22. package/dist/hero-productivity-launcher-video.d.cts +5 -23
  23. package/dist/hero-productivity-launcher-video.d.ts +5 -23
  24. package/dist/hero-productivity-launcher-video.js +45 -143
  25. package/dist/hero-split-spiral-shapes.cjs +47 -38
  26. package/dist/hero-split-spiral-shapes.js +47 -38
  27. package/dist/hero-task-timer-animated.cjs +59 -59
  28. package/dist/hero-task-timer-animated.js +59 -59
  29. package/dist/registry.cjs +772 -439
  30. package/dist/registry.js +772 -439
  31. package/package.json +1 -1
@@ -909,44 +909,53 @@ function HeroSplitSpiralShapes({
909
909
  const renderImages = React.useMemo(() => {
910
910
  if (imagesSlot) return imagesSlot;
911
911
  if (!images || images.length === 0) return null;
912
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative aspect-3/4", imagesClassName), children: [
913
- images[0] && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-[10%] left-[8%] w-[38%] overflow-hidden rounded-lg shadow-xl", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-5/6", children: /* @__PURE__ */ jsxRuntime.jsx(
914
- img.Img,
915
- {
916
- src: images[0].src,
917
- alt: images[0].alt,
918
- className: cn(
919
- "h-full w-full object-cover",
920
- images[0].className
921
- ),
922
- optixFlowConfig
923
- }
924
- ) }) }),
925
- images[1] && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-[20%] right-[12%] w-[20%] overflow-hidden rounded-lg shadow-xl", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-square", children: /* @__PURE__ */ jsxRuntime.jsx(
926
- img.Img,
927
- {
928
- src: images[1].src,
929
- alt: images[1].alt,
930
- className: cn(
931
- "h-full w-full object-cover",
932
- images[1].className
933
- ),
934
- optixFlowConfig
935
- }
936
- ) }) }),
937
- images[2] && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-[24%] bottom-[24%] w-[38%] overflow-hidden rounded-lg shadow-xl", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-video", children: /* @__PURE__ */ jsxRuntime.jsx(
938
- img.Img,
939
- {
940
- src: images[2].src,
941
- alt: images[2].alt,
942
- className: cn(
943
- "h-full w-full object-cover",
944
- images[2].className
945
- ),
946
- optixFlowConfig
947
- }
948
- ) }) })
949
- ] });
912
+ return /* @__PURE__ */ jsxRuntime.jsxs(
913
+ "div",
914
+ {
915
+ className: cn(
916
+ "grid grid-cols-2 gap-4 md:relative md:block md:aspect-3/4",
917
+ imagesClassName
918
+ ),
919
+ children: [
920
+ images[0] && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2 overflow-hidden rounded-lg shadow-xl md:absolute md:top-[5%] md:left-[2%] md:w-[55%]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-5/6", children: /* @__PURE__ */ jsxRuntime.jsx(
921
+ img.Img,
922
+ {
923
+ src: images[0].src,
924
+ alt: images[0].alt,
925
+ className: cn(
926
+ "h-full w-full object-cover",
927
+ images[0].className
928
+ ),
929
+ optixFlowConfig
930
+ }
931
+ ) }) }),
932
+ images[1] && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-lg shadow-xl md:absolute md:top-[12%] md:right-[5%] md:w-[35%]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-square", children: /* @__PURE__ */ jsxRuntime.jsx(
933
+ img.Img,
934
+ {
935
+ src: images[1].src,
936
+ alt: images[1].alt,
937
+ className: cn(
938
+ "h-full w-full object-cover",
939
+ images[1].className
940
+ ),
941
+ optixFlowConfig
942
+ }
943
+ ) }) }),
944
+ images[2] && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-lg shadow-xl md:absolute md:right-[10%] md:bottom-[15%] md:w-[55%]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-video", children: /* @__PURE__ */ jsxRuntime.jsx(
945
+ img.Img,
946
+ {
947
+ src: images[2].src,
948
+ alt: images[2].alt,
949
+ className: cn(
950
+ "h-full w-full object-cover",
951
+ images[2].className
952
+ ),
953
+ optixFlowConfig
954
+ }
955
+ ) }) })
956
+ ]
957
+ }
958
+ );
950
959
  }, [imagesSlot, images, imagesClassName, optixFlowConfig]);
951
960
  return /* @__PURE__ */ jsxRuntime.jsx(
952
961
  Section,
@@ -888,44 +888,53 @@ function HeroSplitSpiralShapes({
888
888
  const renderImages = useMemo(() => {
889
889
  if (imagesSlot) return imagesSlot;
890
890
  if (!images || images.length === 0) return null;
891
- return /* @__PURE__ */ jsxs("div", { className: cn("relative aspect-3/4", imagesClassName), children: [
892
- images[0] && /* @__PURE__ */ jsx("div", { className: "absolute top-[10%] left-[8%] w-[38%] overflow-hidden rounded-lg shadow-xl", children: /* @__PURE__ */ jsx("div", { className: "aspect-5/6", children: /* @__PURE__ */ jsx(
893
- Img,
894
- {
895
- src: images[0].src,
896
- alt: images[0].alt,
897
- className: cn(
898
- "h-full w-full object-cover",
899
- images[0].className
900
- ),
901
- optixFlowConfig
902
- }
903
- ) }) }),
904
- images[1] && /* @__PURE__ */ jsx("div", { className: "absolute top-[20%] right-[12%] w-[20%] overflow-hidden rounded-lg shadow-xl", children: /* @__PURE__ */ jsx("div", { className: "aspect-square", children: /* @__PURE__ */ jsx(
905
- Img,
906
- {
907
- src: images[1].src,
908
- alt: images[1].alt,
909
- className: cn(
910
- "h-full w-full object-cover",
911
- images[1].className
912
- ),
913
- optixFlowConfig
914
- }
915
- ) }) }),
916
- images[2] && /* @__PURE__ */ jsx("div", { className: "absolute right-[24%] bottom-[24%] w-[38%] overflow-hidden rounded-lg shadow-xl", children: /* @__PURE__ */ jsx("div", { className: "aspect-video", children: /* @__PURE__ */ jsx(
917
- Img,
918
- {
919
- src: images[2].src,
920
- alt: images[2].alt,
921
- className: cn(
922
- "h-full w-full object-cover",
923
- images[2].className
924
- ),
925
- optixFlowConfig
926
- }
927
- ) }) })
928
- ] });
891
+ return /* @__PURE__ */ jsxs(
892
+ "div",
893
+ {
894
+ className: cn(
895
+ "grid grid-cols-2 gap-4 md:relative md:block md:aspect-3/4",
896
+ imagesClassName
897
+ ),
898
+ children: [
899
+ images[0] && /* @__PURE__ */ jsx("div", { className: "col-span-2 overflow-hidden rounded-lg shadow-xl md:absolute md:top-[5%] md:left-[2%] md:w-[55%]", children: /* @__PURE__ */ jsx("div", { className: "aspect-5/6", children: /* @__PURE__ */ jsx(
900
+ Img,
901
+ {
902
+ src: images[0].src,
903
+ alt: images[0].alt,
904
+ className: cn(
905
+ "h-full w-full object-cover",
906
+ images[0].className
907
+ ),
908
+ optixFlowConfig
909
+ }
910
+ ) }) }),
911
+ images[1] && /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg shadow-xl md:absolute md:top-[12%] md:right-[5%] md:w-[35%]", children: /* @__PURE__ */ jsx("div", { className: "aspect-square", children: /* @__PURE__ */ jsx(
912
+ Img,
913
+ {
914
+ src: images[1].src,
915
+ alt: images[1].alt,
916
+ className: cn(
917
+ "h-full w-full object-cover",
918
+ images[1].className
919
+ ),
920
+ optixFlowConfig
921
+ }
922
+ ) }) }),
923
+ images[2] && /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg shadow-xl md:absolute md:right-[10%] md:bottom-[15%] md:w-[55%]", children: /* @__PURE__ */ jsx("div", { className: "aspect-video", children: /* @__PURE__ */ jsx(
924
+ Img,
925
+ {
926
+ src: images[2].src,
927
+ alt: images[2].alt,
928
+ className: cn(
929
+ "h-full w-full object-cover",
930
+ images[2].className
931
+ ),
932
+ optixFlowConfig
933
+ }
934
+ ) }) })
935
+ ]
936
+ }
937
+ );
929
938
  }, [imagesSlot, images, imagesClassName, optixFlowConfig]);
930
939
  return /* @__PURE__ */ jsx(
931
940
  Section,
@@ -854,7 +854,7 @@ function HeroTaskTimerAnimated({
854
854
  const renderActions = React.useMemo(() => {
855
855
  if (actionsSlot) return actionsSlot;
856
856
  if (!actions || actions.length === 0) return null;
857
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-start gap-4 sm:flex-row sm:items-center", children: actions.map((action, index) => {
857
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-start mt-6 md:mt-8 gap-4 sm:flex-row sm:items-center", children: actions.map((action, index) => {
858
858
  const {
859
859
  label,
860
860
  icon,
@@ -882,32 +882,41 @@ function HeroTaskTimerAnimated({
882
882
  const renderImages = React.useMemo(() => {
883
883
  if (imagesSlot) return imagesSlot;
884
884
  if (!images || images.length < 2) return null;
885
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-10 lg:flex-row", imagesClassName), children: [
886
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-10 lg:w-[60%]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(AspectRatio, { ratio: 1.916786227 / 1, children: /* @__PURE__ */ jsxRuntime.jsx(
887
- img.Img,
888
- {
889
- src: images[0].src,
890
- alt: images[0].alt,
891
- className: cn(
892
- "block size-full object-cover object-top-left",
893
- images[0].className
894
- ),
895
- optixFlowConfig
896
- }
897
- ) }) }) }),
898
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-10 lg:w-[40%]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(AspectRatio, { ratio: 1.916786227 / 1, children: /* @__PURE__ */ jsxRuntime.jsx(
899
- img.Img,
900
- {
901
- src: images[1].src,
902
- alt: images[1].alt,
903
- className: cn(
904
- "block size-full object-cover object-top-left",
905
- images[1].className
906
- ),
907
- optixFlowConfig
908
- }
909
- ) }) }) })
910
- ] });
885
+ return /* @__PURE__ */ jsxRuntime.jsxs(
886
+ "div",
887
+ {
888
+ className: cn(
889
+ "flex flex-col mt-6 gap-6 md:gap-10 lg:flex-row",
890
+ imagesClassName
891
+ ),
892
+ children: [
893
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-10 w-full lg:w-[60%]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-lg shadow-xl", children: /* @__PURE__ */ jsxRuntime.jsx(AspectRatio, { ratio: 1.916786227 / 1, children: /* @__PURE__ */ jsxRuntime.jsx(
894
+ img.Img,
895
+ {
896
+ src: images[0].src,
897
+ alt: images[0].alt,
898
+ className: cn(
899
+ "block size-full object-cover object-center",
900
+ images[0].className
901
+ ),
902
+ optixFlowConfig
903
+ }
904
+ ) }) }) }),
905
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-10 w-full lg:w-[40%]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-lg shadow-xl", children: /* @__PURE__ */ jsxRuntime.jsx(AspectRatio, { ratio: 1.916786227 / 1, children: /* @__PURE__ */ jsxRuntime.jsx(
906
+ img.Img,
907
+ {
908
+ src: images[1].src,
909
+ alt: images[1].alt,
910
+ className: cn(
911
+ "block size-full object-cover object-center",
912
+ images[1].className
913
+ ),
914
+ optixFlowConfig
915
+ }
916
+ ) }) }) })
917
+ ]
918
+ }
919
+ );
911
920
  }, [imagesSlot, images, imagesClassName, optixFlowConfig]);
912
921
  return /* @__PURE__ */ jsxRuntime.jsx(
913
922
  Section,
@@ -919,38 +928,29 @@ function HeroTaskTimerAnimated({
919
928
  className,
920
929
  containerClassName,
921
930
  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-6 md:gap-16", children: [
922
- /* @__PURE__ */ jsxRuntime.jsxs(
923
- "div",
924
- {
925
- className: cn(
926
- "flex flex-col gap-10 lg:w-[80%] lg:self-center",
927
- headerClassName
928
- ),
929
- children: [
930
- heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
931
- "h1",
932
- {
933
- className: cn(
934
- "max-w-2xl text-6xl font-bold tracking-tight md:text-7xl lg:text-8xl text-balance",
935
- headingClassName
936
- ),
937
- children: heading
938
- }
939
- ) : /* @__PURE__ */ jsxRuntime.jsx(
940
- "h1",
941
- {
942
- className: cn(
943
- "max-w-2xl text-6xl font-bold tracking-tight md:text-7xl lg:text-8xl text-balance",
944
- headingClassName
945
- ),
946
- children: heading
947
- }
948
- )),
949
- description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg text-balance", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
950
- renderActions
951
- ]
952
- }
953
- ),
931
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-4 w-full", headerClassName), children: [
932
+ heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
933
+ "h1",
934
+ {
935
+ className: cn(
936
+ "max-w-2xl text-6xl font-bold tracking-tight md:text-7xl lg:text-8xl text-balance",
937
+ headingClassName
938
+ ),
939
+ children: heading
940
+ }
941
+ ) : /* @__PURE__ */ jsxRuntime.jsx(
942
+ "h1",
943
+ {
944
+ className: cn(
945
+ "max-w-2xl text-6xl font-bold tracking-tight md:text-7xl lg:text-8xl text-balance",
946
+ headingClassName
947
+ ),
948
+ children: heading
949
+ }
950
+ )),
951
+ description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg text-balance", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
952
+ renderActions
953
+ ] }),
954
954
  renderImages
955
955
  ] })
956
956
  }
@@ -832,7 +832,7 @@ function HeroTaskTimerAnimated({
832
832
  const renderActions = useMemo(() => {
833
833
  if (actionsSlot) return actionsSlot;
834
834
  if (!actions || actions.length === 0) return null;
835
- return /* @__PURE__ */ jsx("div", { className: "flex flex-col items-start gap-4 sm:flex-row sm:items-center", children: actions.map((action, index) => {
835
+ return /* @__PURE__ */ jsx("div", { className: "flex flex-col items-start mt-6 md:mt-8 gap-4 sm:flex-row sm:items-center", children: actions.map((action, index) => {
836
836
  const {
837
837
  label,
838
838
  icon,
@@ -860,32 +860,41 @@ function HeroTaskTimerAnimated({
860
860
  const renderImages = useMemo(() => {
861
861
  if (imagesSlot) return imagesSlot;
862
862
  if (!images || images.length < 2) return null;
863
- return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-10 lg:flex-row", imagesClassName), children: [
864
- /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-10 lg:w-[60%]", children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg", children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 1.916786227 / 1, children: /* @__PURE__ */ jsx(
865
- Img,
866
- {
867
- src: images[0].src,
868
- alt: images[0].alt,
869
- className: cn(
870
- "block size-full object-cover object-top-left",
871
- images[0].className
872
- ),
873
- optixFlowConfig
874
- }
875
- ) }) }) }),
876
- /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-10 lg:w-[40%]", children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg", children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 1.916786227 / 1, children: /* @__PURE__ */ jsx(
877
- Img,
878
- {
879
- src: images[1].src,
880
- alt: images[1].alt,
881
- className: cn(
882
- "block size-full object-cover object-top-left",
883
- images[1].className
884
- ),
885
- optixFlowConfig
886
- }
887
- ) }) }) })
888
- ] });
863
+ return /* @__PURE__ */ jsxs(
864
+ "div",
865
+ {
866
+ className: cn(
867
+ "flex flex-col mt-6 gap-6 md:gap-10 lg:flex-row",
868
+ imagesClassName
869
+ ),
870
+ children: [
871
+ /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-10 w-full lg:w-[60%]", children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg shadow-xl", children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 1.916786227 / 1, children: /* @__PURE__ */ jsx(
872
+ Img,
873
+ {
874
+ src: images[0].src,
875
+ alt: images[0].alt,
876
+ className: cn(
877
+ "block size-full object-cover object-center",
878
+ images[0].className
879
+ ),
880
+ optixFlowConfig
881
+ }
882
+ ) }) }) }),
883
+ /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-10 w-full lg:w-[40%]", children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg shadow-xl", children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 1.916786227 / 1, children: /* @__PURE__ */ jsx(
884
+ Img,
885
+ {
886
+ src: images[1].src,
887
+ alt: images[1].alt,
888
+ className: cn(
889
+ "block size-full object-cover object-center",
890
+ images[1].className
891
+ ),
892
+ optixFlowConfig
893
+ }
894
+ ) }) }) })
895
+ ]
896
+ }
897
+ );
889
898
  }, [imagesSlot, images, imagesClassName, optixFlowConfig]);
890
899
  return /* @__PURE__ */ jsx(
891
900
  Section,
@@ -897,38 +906,29 @@ function HeroTaskTimerAnimated({
897
906
  className,
898
907
  containerClassName,
899
908
  children: /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col gap-6 md:gap-16", children: [
900
- /* @__PURE__ */ jsxs(
901
- "div",
902
- {
903
- className: cn(
904
- "flex flex-col gap-10 lg:w-[80%] lg:self-center",
905
- headerClassName
906
- ),
907
- children: [
908
- heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
909
- "h1",
910
- {
911
- className: cn(
912
- "max-w-2xl text-6xl font-bold tracking-tight md:text-7xl lg:text-8xl text-balance",
913
- headingClassName
914
- ),
915
- children: heading
916
- }
917
- ) : /* @__PURE__ */ jsx(
918
- "h1",
919
- {
920
- className: cn(
921
- "max-w-2xl text-6xl font-bold tracking-tight md:text-7xl lg:text-8xl text-balance",
922
- headingClassName
923
- ),
924
- children: heading
925
- }
926
- )),
927
- description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg text-balance", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
928
- renderActions
929
- ]
930
- }
931
- ),
909
+ /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-4 w-full", headerClassName), children: [
910
+ heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
911
+ "h1",
912
+ {
913
+ className: cn(
914
+ "max-w-2xl text-6xl font-bold tracking-tight md:text-7xl lg:text-8xl text-balance",
915
+ headingClassName
916
+ ),
917
+ children: heading
918
+ }
919
+ ) : /* @__PURE__ */ jsx(
920
+ "h1",
921
+ {
922
+ className: cn(
923
+ "max-w-2xl text-6xl font-bold tracking-tight md:text-7xl lg:text-8xl text-balance",
924
+ headingClassName
925
+ ),
926
+ children: heading
927
+ }
928
+ )),
929
+ description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg text-balance", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
930
+ renderActions
931
+ ] }),
932
932
  renderImages
933
933
  ] })
934
934
  }