@opensite/ui 3.3.2 → 3.3.4

package/dist/registry.cjs

@@ -1173,9 +1173,14 @@ function PopoverContent({
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React30__namespace.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  if (name == null) return null;
+  if (typeof name !== "string") {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: name });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, name, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
 });
 DynamicIcon.displayName = "DynamicIcon";
 function StarRating({
@@ -9196,7 +9201,7 @@ function AboutNetworkSpotlight({
                   "bg-primary text-primary-foreground",
                   "size-fit p-2 rounded-full"
                 ),
-                children: spotlightCard.icon
+                children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: spotlightCard.icon })
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -50055,36 +50060,6 @@ function HeroImageSlider({
   privacyNoticeClassName,
   gridClassName
 }) {
-  const renderActions = React30.useMemo(() => {
-    if (actionsSlot) return actionsSlot;
-    if (!actions || actions.length === 0) return null;
-    return actions.map((action, index) => {
-      const {
-        label,
-        icon,
-        iconAfter,
-        children,
-        className: actionClassName,
-        asButton,
-        ...pressableProps
-      } = action;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        pressable.Pressable,
-        {
-          asButton: asButton ?? false,
-          variant: "link",
-          className: cn("text-primary p-0 h-auto", actionClassName),
-          ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            icon,
-            label,
-            iconAfter
-          ] })
-        },
-        index
-      );
-    });
-  }, [actionsSlot, actions]);
   const renderContent = React30.useMemo(() => {
     if (contentSlot) return contentSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -50125,16 +50100,14 @@ function HeroImageSlider({
               children: description
             }
           ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", descriptionClassName), children: description }) : null,
-          actionsSlot || actions && actions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
+          /* @__PURE__ */ jsxRuntime.jsx(
+            BlockActions,
             {
-              className: cn(
-                "mt-6 flex flex-col items-start gap-3 sm:flex-row",
-                actionsClassName
-              ),
-              children: renderActions
+              actions,
+              actionsSlot,
+              actionsClassName
             }
-          ) : null
+          )
         ]
       }
     );
@@ -50149,8 +50122,7 @@ function HeroImageSlider({
     eyebrowClassName,
     headingClassName,
     descriptionClassName,
-    actionsClassName,
-    renderActions
+    actionsClassName
   ]);
   const hasForm = formEngineSetup !== void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -50178,7 +50150,7 @@ function HeroImageSlider({
               "bg-linear-to-r from-black/70 via-black/50 to-black/30",
               overlayClassName
             ),
-            className: "min-h-full w-full rounded-none border-none shadow-none",
+            className: "min-h-full w-full rounded-none md:rounded-2xl border-none shadow-none md:shadow-xl overflow-hidden",
             imageClassName: cn("scale-[1.02]", imageClassName),
             optixFlowConfig
           }
@@ -59547,7 +59519,7 @@ function HeroConversationIntelligence({
   imageSlot,
   background,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "py-32 md:py-32",
+  spacing = "hero",
   pattern,
   patternOpacity,
   patternClassName,
@@ -59600,7 +59572,7 @@ function HeroConversationIntelligence({
           "div",
           {
             className: cn(
-              "relative z-10 mx-auto flex max-w-220 flex-col gap-7",
+              "relative z-10 mx-auto flex max-w-full md:max-w-220 flex-col items-center gap-7",
               contentClassName
             ),
             children: [
@@ -59623,7 +59595,7 @@ function HeroConversationIntelligence({
                   ),
                   children: description
                 }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
+              ) : description),
               /* @__PURE__ */ jsxRuntime.jsx(
                 BlockActions,
                 {
@@ -60857,7 +60829,7 @@ function HeroEventRegistration({
                   stat.icon ? "justify-between" : "justify-center"
                 ),
                 children: [
-                  stat.icon,
+                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: stat.icon }),
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {