@opensite/ui 1.8.6 → 1.8.8

package/dist/hero-software-growth-video-dialog.js

@@ -13,54 +13,6 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-function getTextColor(parentBg, variant = "default", options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  if (isDark) {
-    switch (variant) {
-      case "default":
-        return "text-foreground";
-      case "muted":
-        return "text-foreground/80";
-      case "subtle":
-        return "text-foreground/60";
-      case "accent":
-        return "text-accent-foreground";
-    }
-  } else {
-    switch (variant) {
-      case "default":
-        return "text-foreground";
-      case "muted":
-        return "text-muted-foreground";
-      case "subtle":
-        return "text-muted-foreground/70";
-      case "accent":
-        return "text-primary";
-    }
-  }
-}
-function getBorderColor(parentBg, variant = "default", options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  if (isDark) {
-    switch (variant) {
-      case "default":
-        return "border-foreground/20";
-      case "muted":
-        return "border-foreground/10";
-      case "accent":
-        return "border-accent-foreground";
-    }
-  } else {
-    switch (variant) {
-      case "default":
-        return "border-border";
-      case "muted":
-        return "border-muted";
-      case "accent":
-        return "border-primary";
-    }
-  }
-}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -1096,7 +1048,15 @@ function HeroSoftwareGrowthVideoDialog({
     if (actionsSlot) return actionsSlot;
     const actionsToRender = actions || defaultActions;
     return /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center gap-3 md:flex-row", children: actionsToRender.map((action, index) => {
-      const { label, icon, iconAfter, children, className: actionClassName, onClick, ...pressableProps } = action;
+      const {
+        label,
+        icon,
+        iconAfter,
+        children,
+        className: actionClassName,
+        onClick,
+        ...pressableProps
+      } = action;
       const isVideoButton = index === 0 && !actions;
       return /* @__PURE__ */ jsx(
         Pressable,
@@ -1126,17 +1086,36 @@ function HeroSoftwareGrowthVideoDialog({
     if (showcaseImagesSlot) return showcaseImagesSlot;
     if (!showcaseImages || showcaseImages.length < 4) return null;
     const imageConfigs = [
-      { index: 0, className: "absolute -top-[28%] left-[18%] w-[28.47%] max-w-102.5", ratio: 1.11372549 / 1 },
-      { index: 1, className: "absolute -top-[28%] left-[51%] w-[18.75%] max-w-67.5", ratio: 0.845559846 / 1 },
-      { index: 2, className: "absolute -bottom-[14%] left-[51%] w-[38.19%] max-w-137.5", ratio: 1.686153846 / 1 },
-      { index: 3, className: "absolute -bottom-[30%] left-[10.7%] w-[38.19%] max-w-137.5", ratio: 1.415041783 / 1 }
+      {
+        index: 0,
+        className: "absolute -top-[28%] left-[18%] w-[28.47%] max-w-102.5",
+        ratio: 1.11372549 / 1
+      },
+      {
+        index: 1,
+        className: "absolute -top-[28%] left-[51%] w-[18.75%] max-w-67.5",
+        ratio: 0.845559846 / 1
+      },
+      {
+        index: 2,
+        className: "absolute -bottom-[14%] left-[51%] w-[38.19%] max-w-137.5",
+        ratio: 1.686153846 / 1
+      },
+      {
+        index: 3,
+        className: "absolute -bottom-[30%] left-[10.7%] w-[38.19%] max-w-137.5",
+        ratio: 1.415041783 / 1
+      }
     ];
-    return /* @__PURE__ */ jsx("div", { className: cn("w-full py-[16%]", showcaseClassName), children: /* @__PURE__ */ jsx("div", { className: cn("relative aspect-[2.716981132/1] w-full border", getBorderColor(background, "muted")), children: imageConfigs.map(({ index, className: posClassName, ratio }) => /* @__PURE__ */ jsx("div", { className: posClassName, children: /* @__PURE__ */ jsx(AspectRatio, { ratio, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx("div", { className: cn("w-full py-[16%]", showcaseClassName), children: /* @__PURE__ */ jsx("div", { className: cn("relative aspect-[2.716981132/1] w-full border"), children: imageConfigs.map(({ index, className: posClassName, ratio }) => /* @__PURE__ */ jsx("div", { className: posClassName, children: /* @__PURE__ */ jsx(AspectRatio, { ratio, children: /* @__PURE__ */ jsx(
       Img,
       {
         src: showcaseImages[index].src,
         alt: showcaseImages[index].alt,
-        className: cn("size-full object-cover object-center", showcaseImages[index].className),
+        className: cn(
+          "size-full object-cover object-center",
+          showcaseImages[index].className
+        ),
         optixFlowConfig
       }
     ) }) }, index)) }) });
@@ -1148,8 +1127,35 @@ function HeroSoftwareGrowthVideoDialog({
         className: cn("font-dm_sans bg-background py-12 md:py-24", className),
         children: /* @__PURE__ */ jsx("div", { className: cn("container max-w-[1440px]", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-8", children: [
-            heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("max-w-[1000px] text-center text-[3.125rem] leading-none md:text-[4.25rem] lg:text-[5.5rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsx("h1", { className: cn("max-w-[1000px] text-center text-[3.125rem] leading-none md:text-[4.25rem] lg:text-[5.5rem]", headingClassName), children: heading })),
-            description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("max-w-212.5 text-center text-lg leading-snug md:text-xl", getTextColor(background, "muted"), descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
+            heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+              "h1",
+              {
+                className: cn(
+                  "max-w-[1000px] text-center text-[3.125rem] leading-none md:text-[4.25rem] lg:text-[5.5rem]",
+                  headingClassName
+                ),
+                children: heading
+              }
+            ) : /* @__PURE__ */ jsx(
+              "h1",
+              {
+                className: cn(
+                  "max-w-[1000px] text-center text-[3.125rem] leading-none md:text-[4.25rem] lg:text-[5.5rem]",
+                  headingClassName
+                ),
+                children: heading
+              }
+            )),
+            description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: cn(
+                  "max-w-212.5 text-center text-lg leading-snug md:text-xl",
+                  descriptionClassName
+                ),
+                children: description
+              }
+            ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
             renderActions
           ] }),
           renderShowcaseImages