@multiplatform.one/components 6.6.0 → 7.0.0

package/dist/cjs/layouts/PaneScaffold.native.js

@@ -35,6 +35,12 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
+var import_useDirection = require("../hooks/useDirection.native.js");
+var SASH_VISUAL = 8;
+var FRACTION_STEP = 0.02;
+var FRACTION_STEP_LARGE = 0.1;
+var DEFAULT_MIN_FRACTION = 0.2;
+var DEFAULT_MAX_FRACTION = 0.8;
 function PaneScaffold(param) {
   var {
     primary,
@@ -43,6 +49,11 @@ function PaneScaffold(param) {
     maxPanes: maxPanesProp,
     paneFlex = [1, 1],
     paneGap,
+    resizable: resizableProp,
+    minPaneFraction = DEFAULT_MIN_FRACTION,
+    maxPaneFraction = DEFAULT_MAX_FRACTION,
+    primaryFraction: primaryFractionProp,
+    onPrimaryFractionChange,
     sizeClass: sizeClassProp,
     ...rest
   } = param;
@@ -51,8 +62,9 @@ function PaneScaffold(param) {
   var budget = maxPanesProp !== null && maxPanesProp !== void 0 ? maxPanesProp : (0, import_theme.defaultMaxPanes)(sizeClass);
   var hasSecondary = secondary !== null && secondary !== void 0;
   var multi = budget >= 2 && hasSecondary;
-  var gaps = (0, import_theme.useSemanticGaps)();
-  var gap = paneGap !== null && paneGap !== void 0 ? paneGap : gaps.betweenGroups.gap;
+  var gapped = paneGap !== void 0;
+  var gap = gapped ? paneGap : void 0;
+  var resizable = (resizableProp !== null && resizableProp !== void 0 ? resizableProp : !gapped) && multi && !gapped;
   if (!multi) {
     var shown = activePane === "secondary" && hasSecondary ? secondary : primary;
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
@@ -69,25 +81,284 @@ function PaneScaffold(param) {
     });
   }
   var [primaryFlex, secondaryFlex] = paneFlex;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
     flexGrow: 1,
     flexShrink: 1,
     flexBasis: "auto",
     minWidth: 0,
+    minHeight: 0,
     width: "100%",
-    gap,
+    alignItems: "stretch",
+    gap: gap !== null && gap !== void 0 ? gap : 0,
+    position: "relative",
     "data-testid": "pane-scaffold",
     "data-panes": "2",
     "data-size-class": sizeClass,
+    "data-sash": resizable ? "true" : "false",
     ...rest,
+    children: resizable ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(ResizablePanes, {
+      primary,
+      secondary,
+      primaryFlex,
+      secondaryFlex,
+      minFraction: minPaneFraction,
+      maxFraction: maxPaneFraction,
+      fraction: primaryFractionProp,
+      onFractionChange: onPrimaryFractionChange
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        flex: primaryFlex,
+        minWidth: 0,
+        minHeight: 0,
+        ...(gapped ? void 0 : paneHairlineEnd),
+        "data-testid": "pane-primary",
+        children: primary
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        flex: secondaryFlex,
+        minWidth: 0,
+        minHeight: 0,
+        "data-testid": "pane-secondary",
+        children: secondary
+      })]
+    })
+  });
+}
+var paneHairlineEnd = import_tamagui.isWeb ? {
+  borderInlineEndWidth: import_theme.hairlineWidth,
+  borderInlineEndStyle: "solid",
+  borderColor: "$borderColor",
+  className: "mp-hairline-ie"
+} : {
+  borderEndWidth: import_theme.hairlineWidth,
+  borderColor: "$borderColor"
+};
+function clampFraction(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+function ResizablePanes(param) {
+  var {
+    primary,
+    secondary,
+    primaryFlex,
+    secondaryFlex,
+    minFraction,
+    maxFraction,
+    fraction: fractionProp,
+    onFractionChange
+  } = param;
+  var sashId = (0, import_react.useId)();
+  var rtl = (0, import_useDirection.useDirection)() === "rtl";
+  var dirSign = rtl ? -1 : 1;
+  var defaultFraction = primaryFlex / Math.max(primaryFlex + secondaryFlex, 1);
+  var [uncontrolled, setUncontrolled] = (0, import_react.useState)(defaultFraction);
+  var fraction = clampFraction(fractionProp !== null && fractionProp !== void 0 ? fractionProp : uncontrolled, minFraction, maxFraction);
+  var [hot, setHot] = (0, import_react.useState)(false);
+  var [kbFocus, setKbFocus] = (0, import_react.useState)(false);
+  var [dragging, setDragging] = (0, import_react.useState)(false);
+  var widthRef = (0, import_react.useRef)(0);
+  var rowRef = (0, import_react.useRef)(null);
+  var dragRef = (0, import_react.useRef)(null);
+  var lastTapRef = (0, import_react.useRef)(0);
+  var measureWidth = function measureWidth2() {
+    var _node_getBoundingClientRect;
+    var node = rowRef.current;
+    var rect = node === null || node === void 0 ? void 0 : (_node_getBoundingClientRect = node.getBoundingClientRect) === null || _node_getBoundingClientRect === void 0 ? void 0 : _node_getBoundingClientRect.call(node);
+    if (rect === null || rect === void 0 ? void 0 : rect.width) widthRef.current = rect.width;
+  };
+  (0, import_theme.ensureKeyboardModalityTracking)();
+  var commit = (0, import_react.useCallback)(function (next) {
+    var clamped = clampFraction(next, minFraction, maxFraction);
+    if (fractionProp === void 0) setUncontrolled(clamped);
+    onFractionChange === null || onFractionChange === void 0 ? void 0 : onFractionChange(clamped);
+  }, [fractionProp, minFraction, maxFraction, onFractionChange]);
+  var reset = (0, import_react.useCallback)(function () {
+    return commit(defaultFraction);
+  }, [commit, defaultFraction]);
+  var finishDrag = (0, import_react.useCallback)(function () {
+    var session = dragRef.current;
+    dragRef.current = null;
+    setDragging(false);
+    setHot(false);
+    if (session && !session.moved) {
+      var now = Date.now();
+      if (now - lastTapRef.current < 400) reset();
+      lastTapRef.current = now;
+    }
+  }, [reset]);
+  (0, import_react.useEffect)(function () {
+    if (!import_tamagui.isWeb || !dragging || typeof window === "undefined") return;
+    var prevUserSelect = document.body.style.userSelect;
+    var prevCursor = document.documentElement.style.cursor;
+    document.body.style.userSelect = "none";
+    document.documentElement.style.cursor = "col-resize";
+    var onMove = function onMove2(e) {
+      var session = dragRef.current;
+      var width = widthRef.current;
+      if (width <= 0) {
+        var _rowRef_current_getBoundingClientRect, _rowRef_current;
+        var rect = (_rowRef_current = rowRef.current) === null || _rowRef_current === void 0 ? void 0 : (_rowRef_current_getBoundingClientRect = _rowRef_current.getBoundingClientRect) === null || _rowRef_current_getBoundingClientRect === void 0 ? void 0 : _rowRef_current_getBoundingClientRect.call(_rowRef_current);
+        if (rect === null || rect === void 0 ? void 0 : rect.width) {
+          width = rect.width;
+          widthRef.current = width;
+        }
+      }
+      if (!session || width <= 0) return;
+      var dx = (e.clientX - session.startX) * dirSign;
+      if (Math.abs(dx) > 2) session.moved = true;
+      commit(session.startFraction + dx / width);
+    };
+    window.addEventListener("pointermove", onMove);
+    window.addEventListener("pointerup", finishDrag);
+    window.addEventListener("pointercancel", finishDrag);
+    return function () {
+      document.body.style.userSelect = prevUserSelect;
+      document.documentElement.style.cursor = prevCursor;
+      window.removeEventListener("pointermove", onMove);
+      window.removeEventListener("pointerup", finishDrag);
+      window.removeEventListener("pointercancel", finishDrag);
+    };
+  }, [commit, dirSign, dragging, finishDrag]);
+  var onSashPointerDown = function onSashPointerDown2(e) {
+    var _ref, _e_clientX;
+    var _e_preventDefault, _e_stopPropagation, _e_nativeEvent;
+    if (e.button != null && e.button !== 0) return;
+    (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);
+    (_e_stopPropagation = e.stopPropagation) === null || _e_stopPropagation === void 0 ? void 0 : _e_stopPropagation.call(e);
+    try {
+      var _e_currentTarget_setPointerCapture, _e_currentTarget;
+      (_e_currentTarget = e.currentTarget) === null || _e_currentTarget === void 0 ? void 0 : (_e_currentTarget_setPointerCapture = _e_currentTarget.setPointerCapture) === null || _e_currentTarget_setPointerCapture === void 0 ? void 0 : _e_currentTarget_setPointerCapture.call(_e_currentTarget, e.pointerId);
+    } catch (unused) {}
+    measureWidth();
+    dragRef.current = {
+      startX: (_ref = (_e_clientX = e.clientX) !== null && _e_clientX !== void 0 ? _e_clientX : (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.pageX) !== null && _ref !== void 0 ? _ref : 0,
+      startFraction: fraction,
+      moved: false
+    };
+    setDragging(true);
+    setHot(true);
+  };
+  var onSashPointerMove = function onSashPointerMove2(e) {
+    var _ref, _e_clientX;
+    var _e_nativeEvent;
+    if (!dragRef.current || import_tamagui.isWeb) return;
+    var width = widthRef.current;
+    if (width <= 0) return;
+    var x = (_ref = (_e_clientX = e.clientX) !== null && _e_clientX !== void 0 ? _e_clientX : (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.pageX) !== null && _ref !== void 0 ? _ref : 0;
+    var dx = (x - dragRef.current.startX) * dirSign;
+    if (Math.abs(dx) > 2) dragRef.current.moved = true;
+    commit(dragRef.current.startFraction + dx / width);
+  };
+  var onSashKeyDown = function onSashKeyDown2(e) {
+    var key = e.key;
+    var step = e.shiftKey ? FRACTION_STEP_LARGE : FRACTION_STEP;
+    if (key === "ArrowLeft") {
+      var _e_preventDefault;
+      (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);
+      commit(fraction - step * dirSign);
+    } else if (key === "ArrowRight") {
+      var _e_preventDefault1;
+      (_e_preventDefault1 = e.preventDefault) === null || _e_preventDefault1 === void 0 ? void 0 : _e_preventDefault1.call(e);
+      commit(fraction + step * dirSign);
+    } else if (key === "Home") {
+      var _e_preventDefault2;
+      (_e_preventDefault2 = e.preventDefault) === null || _e_preventDefault2 === void 0 ? void 0 : _e_preventDefault2.call(e);
+      commit(minFraction);
+    } else if (key === "End") {
+      var _e_preventDefault3;
+      (_e_preventDefault3 = e.preventDefault) === null || _e_preventDefault3 === void 0 ? void 0 : _e_preventDefault3.call(e);
+      commit(maxFraction);
+    } else if (key === "Enter" || key === " ") {
+      var _e_preventDefault4;
+      (_e_preventDefault4 = e.preventDefault) === null || _e_preventDefault4 === void 0 ? void 0 : _e_preventDefault4.call(e);
+      reset();
+    }
+  };
+  var percent = Math.round(fraction * 100);
+  var lineHot = hot || dragging || kbFocus;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    ref: rowRef,
+    flexGrow: 1,
+    flexShrink: 1,
+    flexBasis: "auto",
+    minWidth: 0,
+    minHeight: 0,
+    width: "100%",
+    alignItems: "stretch",
+    onLayout: function onLayout(e) {
+      widthRef.current = e.nativeEvent.layout.width;
+    },
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      flex: primaryFlex,
+      flexGrow: fraction,
+      flexShrink: 1,
+      flexBasis: 0,
       minWidth: 0,
+      minHeight: 0,
       "data-testid": "pane-primary",
       children: primary
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      flex: secondaryFlex,
+      width: import_theme.hairlineWidth,
+      flexGrow: 0,
+      flexShrink: 0,
+      alignSelf: "stretch",
+      position: "relative",
+      zIndex: 2,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        position: "absolute",
+        top: 0,
+        bottom: 0,
+        width: SASH_VISUAL,
+        left: -(SASH_VISUAL - import_theme.hairlineWidth) / 2,
+        alignItems: "center",
+        cursor: "col-resize",
+        userSelect: "none",
+        tabIndex: 0,
+        role: "separator",
+        "aria-orientation": "vertical",
+        "aria-controls": sashId,
+        "aria-valuemin": Math.round(minFraction * 100),
+        "aria-valuemax": Math.round(maxFraction * 100),
+        "aria-valuenow": percent,
+        "aria-label": "Resize panes",
+        "data-testid": "pane-sash",
+        ...(!import_tamagui.isWeb ? {
+          hitSlop: (0, import_theme.pressTargetHitSlop)(SASH_VISUAL)
+        } : void 0),
+        ...(kbFocus ? (0, import_theme.ensureFocusVisibleRing)() : void 0),
+        onPointerDown: onSashPointerDown,
+        onPointerMove: onSashPointerMove,
+        onPointerUp: import_tamagui.isWeb ? void 0 : finishDrag,
+        onPointerCancel: import_tamagui.isWeb ? void 0 : finishDrag,
+        // Tamagui forwards onHoverIn/onHoverOut at runtime; the RN-flavored
+        // View prop type omits them (house Record cast).
+        ...{
+          onHoverIn: function onHoverIn() {
+            return setHot(true);
+          },
+          onHoverOut: function onHoverOut() {
+            if (!dragging) setHot(false);
+          }
+        },
+        onFocus: function onFocus() {
+          if ((0, import_theme.wasKeyboardFocus)()) setKbFocus(true);
+        },
+        onBlur: function onBlur() {
+          return setKbFocus(false);
+        },
+        onKeyDown: onSashKeyDown,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          flex: 1,
+          width: lineHot ? 2 : import_theme.hairlineWidth,
+          backgroundColor: lineHot ? "$accentBackground" : "$borderColor",
+          ...(lineHot ? void 0 : import_theme.hairline.vline)
+        })
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      id: sashId,
+      flexGrow: 1 - fraction,
+      flexShrink: 1,
+      flexBasis: 0,
       minWidth: 0,
+      minHeight: 0,
       "data-testid": "pane-secondary",
       children: secondary
     })]
@@ -104,7 +375,7 @@ function ListDetailLayout(param) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(PaneScaffold, {
     primary: list,
     secondary: detail,
-    paneFlex: [1, 1],
+    paneFlex: [1, 2],
     activePane: activePane !== null && activePane !== void 0 ? activePane : selected ? "secondary" : "primary",
     "data-canonical": "list-detail",
     ...rest
@@ -133,18 +404,28 @@ function FeedLayout(param) {
   var gaps = (0, import_theme.useSemanticGaps)();
   var multi = (0, import_theme.useMultiPane)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-    flexDirection: multi ? "row" : "column",
-    flexWrap: multi ? "wrap" : void 0,
+    flexDirection: multi && !import_tamagui.isWeb ? "row" : "column",
+    flexWrap: multi && !import_tamagui.isWeb ? "wrap" : void 0,
     gap: gaps.betweenGroups.gap,
     "data-testid": "feed-layout",
     "data-canonical": "feed",
+    ...(import_tamagui.isWeb && multi ? {
+      style: {
+        display: "grid",
+        gridTemplateColumns: `repeat(auto-fill, minmax(${minItemWidth}px, 1fr))`
+      }
+    } : void 0),
     ...rest,
     children: import_react.Children.map(children, function (child, i) {
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-        flexGrow: 1,
-        flexBasis: multi ? minItemWidth : void 0,
-        minWidth: multi ? minItemWidth : void 0,
-        maxWidth: multi ? "100%" : void 0,
+        ...(multi && !import_tamagui.isWeb ? {
+          flexGrow: 1,
+          flexBasis: minItemWidth,
+          minWidth: minItemWidth,
+          maxWidth: "100%"
+        } : {
+          minWidth: 0
+        }),
         children: child
       }, i);
     })

package/dist/cjs/layouts/PaneScaffold.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","PaneScaffold_exports","__export","FeedLayout","ListDetailLayout","PaneScaffold","ReadingWidth","SupportingPaneLayout","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","param","primary","secondary","activePane","maxPanes","maxPanesProp","paneFlex","paneGap","sizeClass","sizeClassProp","rest","liveClass","useLayoutSizeClass","budget","defaultMaxPanes","hasSecondary","multi","gaps","useSemanticGaps","gap","betweenGroups","shown","jsx","YStack","flexGrow","flexShrink","flexBasis","minWidth","width","children","primaryFlex","secondaryFlex","jsxs","XStack","flex","list","detail","selected","supporting","minItemWidth","useMultiPane","flexDirection","flexWrap","Children","map","child","i","maxWidth","measure","READING_WIDTH_CH","alignSelf","readingWidthStyle"],"sources":["../../../src/layouts/PaneScaffold.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA,UAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAaAC,MAAA,CAAAC,OAAA,GAAAb,YAQO,CAAAK,oBAAA;AACP,IAAAS,kBAAyC,GAAAC,OAAA;AAEzC,IAAAC,YAAA,GAAAD,OAA+B;AA0DzB,IAAAE,YAAA,GAAAF,OAAA;AA3BC,IAAAG,cAAS,GAAAH,OAAa;AAAA,SAC3BN,aAAAU,KAAA;EACA;IAAAC,OAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC,QAAA,EAAAC,YAAA;IAAAC,QAAA,IACA,GACA,EACA;IAAAC,OAAA;IAAYC,SAAI,EAAAC,aAAA;IAAA,GAAAC;EAAA,IAAAV,KAAA;EAChB,IAAAW,SAAA,OAAAd,YAAA,CAAAe,kBAAA;EACA,IAAAJ,SAAW,GAAAC,aAAA,aAAAA,aAAA,cAAAA,aAAA,GAAAE,SAAA;EACX,IAAGE,MAAA,GAAAR,YAAA,aAAAA,YAAA,cAAAA,YAAA,OAAAR,YAAA,CAAAiB,eAAA,EAAAN,SAAA;EACL,IAAsBO,YAAA,GAAAb,SAAA,aAAAA,SAAA;EACpB,IAAAc,KAAM,GAAAH,MAAA,IAAY,KAAAE,YAAA;EAClB,IAAAE,IAAM,OAAApB,YAAY,CAAAqB,eAAiB;EAEnC,IAAAC,GAAM,GAAAZ,OAAS,aAAAA,OAAgB,cAAAA,OAAA,GAAAU,IAAgB,CAAAG,aAAS,CAAAD,GAAA;EACxD,KAAAH,KAAM;IACN,IAAMK,KAAA,GAAQlB,UAAU,KAAK,eAAAY,YAAA,GAAAb,SAAA,GAAAD,OAAA;IAC7B,OAAM,eAAO,IAAAN,kBAAgB,CAAA2B,GAAA,EAAAvB,cAAA,CAAAwB,MAAA;MAC7BC,QAAY;MAORC,UAAQ;MACVC,SAAM,QAAQ;MACdC,QACE;MAACC,KAAA;MAAA;MAAA,YACW;MAAA,iBACE,EAAApB,SAAA;MAAA,GACZE,IAAA;MAAUmB,QACV,EAAAR;IAAU;EACJ;EACM,KAAAS,WACZ,EAAAC,aAAW,IAAAzB,QAAA;EAAA,OACX,iBAAiB,EAAAX,kBAAA,CAAAqC,IAAA,EAAAjC,cAAA,CAAAkC,MAAA;IAAAT,QACb;IAAAC,UAEH;IAAAC,SAAA;IACHC,QAAA;IAEJC,KAAA;IAEAT,GAAA;IAEA,aACE;IAAC;IAAA,mBAAAX,SAAA;IAAA,GACCE,IAAA;IAAUmB,QACV,GACA,eAAU,IAAAlC,kBAAA,CAAA2B,GAAA,EAAAvB,cAAA,CAAAwB,MAAA;MACVW,IAAA,EAAAJ,WAAU;MACVH,QAAM;MACN;MACAE,QAAA,EAAA5B;IACA,IACA,mBAAiBN,kBAAA,CAAA2B,GAAA,EAAAvB,cAAA,CAAAwB,MAAA;MAChBW,IAAG,EAAAH,aAAA;MAEJJ,QAAA;MAAA;MAGAE,QAAA,EAAA3B;IAEA;EACF;AAEJ;AAkBO,SAASb,iBAAiBW,KAAA;EAC/B;IAAAmC,IAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAlC,UAAA;IAAA,GAAAO;EAAA,IAAAV,KAAA;EACA,0BAAAL,kBAAA,CAAA2B,GAAA,EAAAhC,YAAA;IACAW,OAAA,EAAWkC,IAAA;IACXjC,SAAA,EAAAkC,MAAA;IACA9B,QAAG,GACqB,GACxB,EACG;IAAAH,UAAA,EAAAA,UAAA,aAAAA,UAAA,cAAAA,UAAA,GAAAkC,QAAA;IAAA,gBACU;IAAA,GACT3B;EAAW;AACI;AACqC,SACpDlB,oBAAeA,CAAAQ,KAAA;EAAA,IACd;IAAA6B,QAAG;IAAAS,UAAA;IAAA,GAAA5B;EAAA,IAAAV,KAAA;EAAA,0BAAAL,kBAAA,CAAA2B,GAAA,EAAAhC,YAAA;IACNW,OAAA,EAAA4B,QAAA;IAEJ3B,SAAA,EAAAoC,UAAA;IAiBOhC,QAAS,GACd,GACG;IAAA,gBACU;IAAA,GACTI;EAAW;AACI;AACA,SACXtB,WAAAY,KAAA;EAAA;IAAA6B,QAAA;IAAAU,YAAA;IAAA,GAAA7B;EAAA,IAAAV,KAAA;EACN,IAAAiB,IAAA,OAAApB,YAAA,CAAAqB,eAAA;EAEJ,IAAAF,KAAA,OAAAnB,YAAA,CAAA2C,YAAA;EAcO,OAAS,eAAa,IAAA7C,kBAAyB,CAAA2B,GAAA,EAAKvB,cAA4B,CAAAwB,MAAA;IACrFkB,aAAM,EAAOzB,KAAA;IACb0B,QAAM,EAAA1B,KAAA,GAAQ;IAEdG,GAAA,EACEF,IAAA,CAAAG,aAAA,CAAAD,GAAA;IAAC;IAAA;IAAA,GACCT,IAAA;IAA+BmB,QAC/B,EAAA/B,YAAkB,CAAA6C,QAAS,CAAAC,GAAA,CAAAf,QAAA,YAAAgB,KAAA,EAAAC,CAAA;MAC3B,OAAK,eAAK,CAAc,GAAAnD,kBAAA,CAAA2B,GAAA,EAAAvB,cAAA,CAAAwB,MAAA;QACxBC,QAAA;QACAE,SAAA,EAAAV,KAAe,GAAAuB,YAAA;QACdZ,QAAG,EAAAX,KAAA,GAAAuB,YAAA;QAEHQ,QAAA,EAAA/B,KAAA,iBAAS;QACPa,QAAA,EAAAgB;MAAA,GAAAC,CAAA;IAAA;EAEW;AACwB;AACD,SAAAvD,YACvBA,CAAAS,KAAA,EAAQ;EAAS;IAAAgD,OAE1B,GAAAnD,YAAA,CAAAoD,gBAAA;IAAApB,QAAA;IAAA,GAAAnB;EAAA,IAAAV,KAAA;EAAA,0BAAAL,kBAAA,CAAA2B,GAAA,EAAAvB,cAAA,CAAAwB,MAAA;IAAA2B,SANI;IAAA,GAQR,IAAArD,YAAA,CAAAsD,iBAAA,EAAAH,OAAA;IAAA;IACH,GAAAtC,IAAA;IAEJmB;EAcO;AACL","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","PaneScaffold_exports","__export","FeedLayout","ListDetailLayout","PaneScaffold","ReadingWidth","SupportingPaneLayout","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_useDirection","SASH_VISUAL","FRACTION_STEP","FRACTION_STEP_LARGE","DEFAULT_MIN_FRACTION","DEFAULT_MAX_FRACTION","param","primary","secondary","activePane","maxPanes","maxPanesProp","paneFlex","paneGap","resizable","resizableProp","minPaneFraction","maxPaneFraction","primaryFraction","primaryFractionProp","onPrimaryFractionChange","sizeClass","sizeClassProp","rest","liveClass","useLayoutSizeClass","budget","defaultMaxPanes","hasSecondary","multi","gapped","gap","shown","jsx","YStack","flexGrow","flexShrink","flexBasis","minWidth","width","children","primaryFlex","secondaryFlex","XStack","minHeight","alignItems","position","ResizablePanes","minFraction","maxFraction","fraction","onFractionChange","jsxs","Fragment","flex","paneHairlineEnd","isWeb","borderInlineEndWidth","hairlineWidth","borderInlineEndStyle","borderColor","className","borderEndWidth","clampFraction","min","max","Math","fractionProp","sashId","useId","rtl","useDirection","dirSign","defaultFraction","uncontrolled","setUncontrolled","useState","hot","setHot","kbFocus","setKbFocus","dragging","setDragging","widthRef","useRef","rowRef","dragRef","lastTapRef","measureWidth","measureWidth2","_node_getBoundingClientRect","node","current","rect","getBoundingClientRect","call","ensureKeyboardModalityTracking","commit","useCallback","next","clamped","reset","finishDrag","session","moved","now","Date","useEffect","window","prevUserSelect","document","body","style","userSelect","prevCursor","documentElement","cursor","onMove","onMove2","e","_rowRef_current_getBoundingClientRect","_rowRef_current","dx","clientX","startX","abs","startFraction","addEventListener","removeEventListener","onSashPointerDown","onSashPointerDown2","_ref","_e_clientX","_e_preventDefault","_e_stopPropagation","_e_nativeEvent","button","preventDefault","stopPropagation","_e_currentTarget_setPointerCapture","_e_currentTarget","currentTarget","setPointerCapture","pointerId","unused","nativeEvent","pageX","onSashPointerMove","onSashPointerMove2","x","onSashKeyDown","onSashKeyDown2","key","step","shiftKey","_e_preventDefault1","_e_preventDefault2","_e_preventDefault3","_e_preventDefault4","percent","round","lineHot","ref","onLayout","layout","alignSelf","zIndex","top","bottom","left","tabIndex","role","hitSlop","pressTargetHitSlop","ensureFocusVisibleRing","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","onHoverIn","onHoverOut","onFocus","wasKeyboardFocus","onBlur","onKeyDown","backgroundColor","hairline","vline","id","list","detail","selected","supporting","minItemWidth","gaps","useSemanticGaps","useMultiPane","flexDirection","flexWrap","betweenGroups","display","gridTemplateColumns","Children","map","child","i","maxWidth","measure","READING_WIDTH_CH","readingWidthStyle"],"sources":["../../../src/layouts/PaneScaffold.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/layouts/ViewSwitcher.cjs

@@ -45,29 +45,47 @@ function ViewSwitcher({
   const selectedChip = selectedTint ? {
     backgroundColor: selectedTint
   } : void 0;
-  const sz = knobProps.sizeToken;
-  const padH = sz === "$3" ? "$2" : sz === "$5" ? "$4" : "$3";
-  const padV = sz === "$3" ? "$1.5" : sz === "$5" ? "$2.5" : "$2";
-  const labelSize = sz === "$3" ? "$2" : sz === "$5" ? "$4" : "$3";
-  const rowGap = sz === "$3" ? "$1.5" : sz === "$5" ? "$2.5" : "$2";
-  const iconPx = sz === "$3" ? 14 : sz === "$5" ? 18 : 16;
-  const segmentHitSlop = (0, import_theme.pressTargetHitSlop)(32);
+  const segmentHitSlop = (0, import_theme.pressTargetHitSlop)(knobProps.control.height);
   const groupRing = (0, import_theme.ensureFocusVisibleRing)();
+  const radius = knobProps.borderRadius.borderRadius;
+  const count = views.length;
+  const restSegment = {
+    borderWidth: 0,
+    borderColor: "transparent",
+    margin: 0,
+    backgroundColor: "transparent"
+  };
+  const hoverWash = {
+    backgroundColor: "$backgroundHover"
+  };
+  const pressWash = {
+    backgroundColor: "$backgroundPress"
+  };
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup, {
     type: "single",
     orientation: "horizontal",
     flexDirection: "row",
     alignSelf: "flex-start",
+    gap: 0,
     value: currentView,
+    disableDeactivation: true,
     onValueChange: val => {
       if (val) onViewChange(val);
     },
     ...knobProps.borderRadius,
     ...knobProps.inputSurface,
+    backgroundColor: "$color2",
     overflow: "hidden",
     focusStyle: groupRing,
     focusVisibleStyle: groupRing,
     focusWithinStyle: groupRing,
+    ...(import_tamagui.isWeb ? {
+      style: {
+        display: "grid",
+        gridAutoFlow: "column",
+        gridAutoColumns: "minmax(max-content, 1fr)"
+      }
+    } : void 0),
     children: views.map((view, viewIndex) => {
       const Icon = view.icon;
       const anchorIndex = (() => {
@@ -78,6 +96,8 @@ function ViewSwitcher({
       })();
       const isTabStop = viewIndex === anchorIndex;
       const isSelected = view.type === currentView;
+      const groupedRadius = (0, import_theme.stackRadiusProps)((0, import_theme.getGroupPosition)(viewIndex, count), radius, "horizontal");
+      const fill = isSelected && selectedChip ? selectedChip : restSegment;
       return (
         // no size prop: ToggleGroup.Item's size makes square icon-buttons
         // (fixed width) that clip text labels -- let content + pad size the item.
@@ -87,22 +107,43 @@ function ViewSwitcher({
           ...(import_tamagui.isWeb ? {
             tabIndex: isTabStop ? 0 : -1
           } : void 0),
-          paddingHorizontal: padH,
-          paddingVertical: padV,
+          paddingHorizontal: knobProps.control.paddingHorizontal,
           width: "auto",
-          height: "auto",
-          minHeight: import_theme.MIN_PRESS_TARGET,
+          height: knobProps.control.height,
           hitSlop: segmentHitSlop,
-          flexGrow: 0,
+          flexGrow: 1,
+          flexShrink: 0,
           alignItems: "center",
           justifyContent: "center",
+          cursor: "pointer",
+          userSelect: "none",
+          "aria-label": view.label,
           transition: knobProps.transition,
-          ...(isSelected && selectedChip ? {
-            ...selectedChip,
-            hoverStyle: selectedChip,
-            pressStyle: selectedChip,
-            focusStyle: selectedChip
-          } : void 0),
+          ...restSegment,
+          ...groupedRadius,
+          ...fill,
+          hoverStyle: {
+            ...restSegment,
+            ...groupedRadius,
+            ...(isSelected && selectedChip ? selectedChip : hoverWash)
+          },
+          pressStyle: {
+            ...restSegment,
+            ...groupedRadius,
+            ...(isSelected && selectedChip ? selectedChip : pressWash)
+          },
+          outlineWidth: 0,
+          focusStyle: {
+            ...restSegment,
+            ...groupedRadius,
+            ...(isSelected && selectedChip ? selectedChip : {}),
+            ...(kbFocusValue === view.type ? import_theme.keyboardFocusRingProps : {
+              outlineWidth: 0
+            })
+          },
+          focusVisibleStyle: kbFocusValue === view.type ? import_theme.keyboardFocusRingProps : {
+            outlineWidth: 0
+          },
           ...(import_tamagui.isWeb ? {
             onFocus: () => {
               setFocusValue(view.type);
@@ -116,21 +157,22 @@ function ViewSwitcher({
           ...(kbFocusValue === view.type ? import_theme.keyboardFocusRingProps : void 0),
           children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
             alignItems: "center",
-            gap: rowGap,
+            gap: knobProps.control.gap,
             flexShrink: 0,
             ...(isSelected && onSelectedTint ? {
               color: onSelectedTint
             } : void 0),
             children: [Icon && /* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {
-              size: iconPx
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-              fontSize: labelSize,
+              size: knobProps.controlIcon.width
+            }), !view.iconOnly && view.label ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              ...knobProps.controlType,
               numberOfLines: 1,
+              ...knobProps.body,
               ...(isSelected && onSelectedTint ? {
                 color: onSelectedTint
               } : void 0),
               children: view.label
-            })]
+            }) : null]
           })
         }, view.type)
       );