@salemcobalt/ui 0.2.0-rc.26 → 0.2.0-rc.28

package/dist/index.d.ts

@@ -749,7 +749,8 @@ interface DialogContentProps extends Omit<Dialog$1.Popup.Props, 'className'> {
     className?: string | undefined;
 }
 /**
- * Portal, backdrop and the popup. Focus moves inside on open and returns to the trigger on close.
+ * Portal, backdrop and the popup. Focus moves inside on open and returns to the trigger on close. A dialog opened
+ * from inside another has its own backdrop too, over the first dialog.
  * Menus, selects and tooltips opened from inside render above it (`--sc-z-dropdown` > `--sc-z-dialog`).
  */
 declare function Content$2({ size, variant, dismissOnSwipe, className, children, ...rest }: DialogContentProps): react.JSX.Element;
@@ -2736,7 +2737,10 @@ interface PopoverTriggerProps extends Omit<Popover$1.Trigger.Props, 'className'>
  */
 declare function Trigger({ render, className, children, ...rest }: PopoverTriggerProps): react.JSX.Element;
 interface PopoverContentProps extends Omit<Popover$1.Popup.Props, 'className'> {
-    /** Side of the trigger it opens on; flips when there is no room. Default `bottom`. */
+    /**
+     * Side of the trigger it opens on. Default `bottom`. With no room it flips to the opposite side (`top` for `bottom`),
+     * never to a perpendicular one; when neither side fits, it takes the roomier one and scrolls inside.
+     */
     side?: PopoverSide | undefined;
     /** Alignment along that side. Default `center`. */
     align?: PopoverAlign | undefined;

package/dist/index.js

@@ -634,7 +634,7 @@ function Content({
   const isSheet = variant === "sheet";
   const swipe = isSheet && dismissOnSwipe && dismissible;
   return /* @__PURE__ */ jsxs5(BaseDialog.Portal, { children: [
-    /* @__PURE__ */ jsx6(BaseDialog.Backdrop, { className: "sc-dialog__backdrop" }),
+    /* @__PURE__ */ jsx6(BaseDialog.Backdrop, { className: "sc-dialog__backdrop", forceRender: true }),
     /* @__PURE__ */ jsxs5(
       BaseDialog.Popup,
       {
@@ -3310,6 +3310,7 @@ function Trigger3({ render, className, children, ...rest }) {
     }
   );
 }
+var COLLISION_AVOIDANCE = { fallbackAxisSide: "none" };
 function Content3({
   side = "bottom",
   align = "center",
@@ -3327,6 +3328,7 @@ function Content3({
       align,
       sideOffset: sideOffset ?? (arrow ? 8 : 4),
       anchor,
+      collisionAvoidance: COLLISION_AVOIDANCE,
       className: "sc-popover__positioner",
       children: /* @__PURE__ */ jsxs27(BasePopover.Popup, { className: cx("sc-popover", className), ...rest, children: [
         arrow ? /* @__PURE__ */ jsx32(BasePopover.Arrow, { className: "sc-popover__arrow" }) : null,