@wistia/ui 0.14.22 → 0.14.23-beta.efb9e2bb.f9aa0a1

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.14.22
+ * @license @wistia/ui v0.14.23-beta.efb9e2bb.f9aa0a1
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -8568,14 +8568,14 @@ var Banner = ({
     if (isSmallContainer) return shouldShowImage ? "inline" : "above";
     return prominence === "secondary" ? "inline" : "above";
   }, [icon, isSmallContainer, shouldShowImage, prominence]);
-  const contentDirection = useMemo5(
-    () => !shouldShowImage && prominence === "default" && !isSmallContainer && !isVerticalLayout ? "row" : "column",
-    [shouldShowImage, prominence, isSmallContainer, isVerticalLayout]
-  );
+  const hasActions = isNotNil13(primaryAction) || isNotNil13(secondaryAction);
+  const contentDirection = useMemo5(() => {
+    if (orientation === "horizontal" && !hasActions) return "row";
+    return !shouldShowImage && prominence === "default" && !isSmallContainer && !isVerticalLayout ? "row" : "column";
+  }, [orientation, shouldShowImage, prominence, isSmallContainer, isVerticalLayout, hasActions]);
   const headingVariant = isSmallContainer || prominence === "default" ? "heading5" : "heading3";
   const textVariant = prominence === "default" || isSmallContainer ? "body3" : "body2";
   const buttonSize = isSmallContainer ? "sm" : "md";
-  const hasActions = isNotNil13(primaryAction) || isNotNil13(secondaryAction);
   return /* @__PURE__ */ jsxs13(
     StyledBanner,
     {
@@ -9306,6 +9306,7 @@ var StyledCheckboxInput = styled27.div`
 `;
 var StyledHiddenCheckboxInput = styled27.input`
   ${visuallyHiddenStyle}
+  position: relative;
 `;
 var Checkbox = forwardRef12(
   ({