@jsenv/navi 0.29.410 → 0.29.412

package/dist/dev/jsenv_navi.js

@@ -41470,6 +41470,13 @@ const useUIGroupStateController = (
           placeOneChild(childUIStateController, childNewState, e);
         },
         setUIState: (newUIState, e) => {
+          // `undefined` is how a parent empties a child (see the object
+          // group's distributeChildUIState): what a leaf holds when it holds
+          // nothing, and for a group of the default shape, the empty of its
+          // type — not a value of the wrong shape to refuse.
+          if (newUIState === undefined && stateShapeIsTheDefaultOne) {
+            newUIState = fallbackState;
+          }
           if (
             stateType === "object" &&
             stateShapeIsTheDefaultOne &&
@@ -71188,6 +71195,11 @@ const css$x = /* css */`@layer navi {
   display: flex;
   overflow: hidden;
 
+  &[data-borderless] {
+    --x-list-border-radius: 0px;
+    overflow: visible;
+  }
+
   &[data-overflow-visible="both"] {
     overflow: visible;
   }
@@ -71872,6 +71884,7 @@ const ListUI = props => {
     "data-item-transition": itemTransition ? "" : undefined,
     popover: popover,
     "data-horizontal": horizontal ? "" : undefined,
+    "data-borderless": isBorderless(rest) ? "" : undefined,
     "data-scroller": getScrollerAttribute(scroller),
     "data-overflow-visible": getOverflowVisibleAttribute(overflow, overflowX, overflowY),
     "navi-hover-while-scrolling": hoverWhileScrolling ? "" : undefined,
@@ -73341,6 +73354,25 @@ const getScrollerAttribute = scroller => {
   return "parent";
 };
 
+// A radius asked for explicitly is kept: a borderless list painting a
+// background of its own may want that surface rounded, and clipped to it.
+const isBorderless = ({
+  border,
+  borderWidth,
+  borderRadius
+}) => {
+  if (borderRadius !== undefined) {
+    return false;
+  }
+  if (borderWidth !== undefined) {
+    return parseFloat(borderWidth) === 0;
+  }
+  if (border === undefined) {
+    return false;
+  }
+  return border === "none" || parseFloat(border) === 0;
+};
+
 // overflow lands as an inline style on the inner scroll element, which is
 // enough for every value but "visible": that one only means anything once the
 // frame around it stops clipping too. Reading the per-axis props over the