@salemcobalt/ui 0.2.0-rc.32 → 0.2.0-rc.34

package/dist/index.d.ts

@@ -1908,7 +1908,7 @@ interface ToastProviderProps {
  * Provider inside another adds nothing (its `timeout` and `limit` are ignored), so a component may wrap itself in one
  * and still share the app's.
  */
-declare function Provider({ children, timeout, limit }: ToastProviderProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react.JSX.Element | null | undefined;
+declare function Provider({ children, timeout, limit }: ToastProviderProps): string | number | bigint | boolean | react.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
 interface ToastApi {
     /** Shows a toast and returns its id. */
     add: (options: ToastOptions) => string;
@@ -2742,7 +2742,11 @@ interface PopoverRootProps {
     defaultOpen?: boolean | undefined;
     /** Called when the popover opens or closes. */
     onOpenChange?: ((open: boolean) => void) | undefined;
-    /** Default `false`: the page stays interactive and focus may leave. `true` makes the page inert until it closes. */
+    /**
+     * Default `true` (2026-11-11): the page doesn't scroll and focus stays in the popover until it closes, so an anchored
+     * panel never drifts away from its trigger on a phone. `false` for a popover that opens on hover or must let the page
+     * keep scrolling.
+     */
     modal?: boolean | undefined;
     children?: ReactNode | undefined;
 }
@@ -2793,7 +2797,7 @@ interface PopoverCloseProps extends Omit<Popover$1.Close.Props, 'className'> {
 }
 /** With no children or `render`, the × in the corner. Otherwise wraps any Button: `<Popover.Close render={<Button variant="ghost" />}>Done</Popover.Close>`. */
 declare function Close({ className, children, render, ...rest }: PopoverCloseProps): react.JSX.Element;
-/** A non-modal panel anchored to a trigger, for a small form, a status summary or a legend. Built on Base UI's Popover. */
+/** A panel anchored to a trigger (modal by default: the page doesn't scroll while it's open), for a small form, a status summary or a legend. Built on Base UI's Popover. */
 declare const Popover: {
     Root: typeof Root$1;
     Trigger: typeof Trigger;

package/dist/index.js

@@ -237,7 +237,7 @@ function attachSheetSwipe(handle) {
         return;
       }
       dragging = true;
-      height = popup.getBoundingClientRect().height;
+      height = popup.getBoundingClientRect().height - (parseFloat(getComputedStyle(popup).borderBottomWidth) || 0);
       popup.dataset.swiping = "";
       popup.setPointerCapture?.(e.pointerId);
       window.getSelection()?.removeAllRanges();
@@ -270,10 +270,14 @@ function attachSheetSwipe(handle) {
     };
     if (shouldDismissSheet(release)) {
       delete popup.dataset.swiping;
+      popup.dataset.swiped = "";
       handle.click();
       suppressClick = true;
       window.requestAnimationFrame(() => {
-        if (popup.isConnected && popup.hasAttribute("data-open")) settle();
+        if (popup.isConnected && popup.hasAttribute("data-open")) {
+          delete popup.dataset.swiped;
+          settle();
+        }
       });
     } else {
       suppressClick = true;
@@ -634,7 +638,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", forceRender: true }),
+    /* @__PURE__ */ jsx6(BaseDialog.Backdrop, { className: "sc-dialog__backdrop", "data-variant": variant, forceRender: true }),
     /* @__PURE__ */ jsxs5(
       BaseDialog.Popup,
       {
@@ -3302,7 +3306,7 @@ function PriorityNav({
 // src/components/Popover/Popover.tsx
 import { Popover as BasePopover } from "@base-ui/react/popover";
 import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
-function Root6({ open, defaultOpen, onOpenChange, modal = false, children }) {
+function Root6({ open, defaultOpen, onOpenChange, modal = true, children }) {
   return /* @__PURE__ */ jsx32(
     BasePopover.Root,
     {