@jsenv/navi 0.29.124 → 0.29.126

package/dist/jsenv_navi.js

@@ -54501,6 +54501,27 @@ const sizeOf = (element, axis) => {
 const translateOf = (axis, distance) =>
   axis === "x" ? `${distance}px 0px` : `0px ${distance}px`;
 
+const PopupClose = ({
+  label,
+  ...rest
+}) => {
+  return jsx(Button, {
+    command: "--navi-close",
+    icon: true,
+    variant: "discrete"
+    // The cross is drawn at the control size, which is a few millimetres
+    // wide; the padding is what makes it a target a thumb can hit.
+    ,
+    paddingX: "s",
+    paddingY: "s",
+    "aria-label": label === undefined ? naviI18n("button.close") : label,
+    ...rest,
+    children: jsx(Icon, {
+      children: jsx(CloseSvg, {})
+    })
+  });
+};
+
 installImportMetaCssBuild(import.meta);/**
  * A dialog is a surface, not a control: it holds no value, has no action and
  * aggregates nothing. Fields and a submit go in a `<Form>` inside it, exactly
@@ -54735,6 +54756,12 @@ const css$E = /* css */`
         var(--container-position-remaining-width, var(--dialog-maxmax-width)),
         var(--dialog-maxmax-width)
       );
+      /* The sheet rests on the screen's bottom edge, which on a phone is the
+         home indicator and, since iOS 26, Safari's own floating bar — a band
+         the browser does not paint fixed content into. The surface still
+         reaches the edge (the sheet comes out from behind the bar); what it
+         holds stops above it. */
+      padding-bottom: env(safe-area-inset-bottom, 0px);
     }
     /* The clamped max, not --dialog-maxmax-*: that one is the viewport minus
        the spacing, which is only the real ceiling for layer="top". A local
@@ -56096,6 +56123,7 @@ const DIALOG_STYLE_CSS_VARS = {
   minHeight: "--dialog-min-height",
   maxHeight: "--dialog-max-height"
 };
+Dialog.Close = PopupClose;
 
 installImportMetaCssBuild(import.meta);/**
  * A popover is a surface, not a control: it holds no value, has no action and
@@ -57622,6 +57650,8 @@ const resolvePositionAreaAndAnimationKind = ({
 // popup_shared.js — same helpers Dialog's own custom renderer needs, no
 // Popover-specific knowledge in either.
 
+Popover.Close = PopupClose;
+
 installImportMetaCssBuild(import.meta);/**
  * A lightweight version of picker_custom.jsx's own Popover/Dialog switch —
  * no picker concepts (value/action tracking, keyboard letter/arrow-to-open
@@ -57830,6 +57860,7 @@ const Popup = props => {
     children: childrenWithMode
   });
 };
+Popup.Close = PopupClose;
 
 installImportMetaCssBuild(import.meta);const css$B = /* css */`
   .navi_picker {