@multiplatform.one/components 6.1.0 → 6.4.0

package/dist/jsx/layouts/PaneScaffold.mjs

@@ -0,0 +1,128 @@
+import { defaultMaxPanes, readingWidthStyle, useLayoutSizeClass, useMultiPane, useSemanticGaps, READING_WIDTH_CH } from "@multiplatform.one/theme";
+import { Children } from "react";
+import { XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function PaneScaffold({
+  primary,
+  secondary,
+  activePane = "primary",
+  maxPanes: maxPanesProp,
+  paneFlex = [1, 1],
+  paneGap,
+  sizeClass: sizeClassProp,
+  ...rest
+}) {
+  const liveClass = useLayoutSizeClass();
+  const sizeClass = sizeClassProp ?? liveClass;
+  const budget = maxPanesProp ?? defaultMaxPanes(sizeClass);
+  const hasSecondary = secondary !== null && secondary !== void 0;
+  const multi = budget >= 2 && hasSecondary;
+  const gaps = useSemanticGaps();
+  const gap = paneGap ?? gaps.betweenGroups.gap;
+  if (!multi) {
+    const shown = activePane === "secondary" && hasSecondary ? secondary : primary;
+    return /* @__PURE__ */jsx(YStack, {
+      flexGrow: 1,
+      flexShrink: 1,
+      flexBasis: "auto",
+      minWidth: 0,
+      width: "100%",
+      "data-testid": "pane-scaffold",
+      "data-panes": "1",
+      "data-size-class": sizeClass,
+      ...rest,
+      children: shown
+    });
+  }
+  const [primaryFlex, secondaryFlex] = paneFlex;
+  return /* @__PURE__ */jsxs(XStack, {
+    flexGrow: 1,
+    flexShrink: 1,
+    flexBasis: "auto",
+    minWidth: 0,
+    width: "100%",
+    gap,
+    "data-testid": "pane-scaffold",
+    "data-panes": "2",
+    "data-size-class": sizeClass,
+    ...rest,
+    children: [/* @__PURE__ */jsx(YStack, {
+      flex: primaryFlex,
+      minWidth: 0,
+      "data-testid": "pane-primary",
+      children: primary
+    }), /* @__PURE__ */jsx(YStack, {
+      flex: secondaryFlex,
+      minWidth: 0,
+      "data-testid": "pane-secondary",
+      children: secondary
+    })]
+  });
+}
+function ListDetailLayout({
+  list,
+  detail,
+  selected = false,
+  activePane,
+  ...rest
+}) {
+  return /* @__PURE__ */jsx(PaneScaffold, {
+    primary: list,
+    secondary: detail,
+    paneFlex: [1, 1],
+    activePane: activePane ?? (selected ? "secondary" : "primary"),
+    "data-canonical": "list-detail",
+    ...rest
+  });
+}
+function SupportingPaneLayout({
+  children,
+  supporting,
+  ...rest
+}) {
+  return /* @__PURE__ */jsx(PaneScaffold, {
+    primary: children,
+    secondary: supporting,
+    paneFlex: [2, 1],
+    "data-canonical": "supporting-pane",
+    ...rest
+  });
+}
+function FeedLayout({
+  children,
+  minItemWidth = 280,
+  ...rest
+}) {
+  const gaps = useSemanticGaps();
+  const multi = useMultiPane();
+  return /* @__PURE__ */jsx(YStack, {
+    flexDirection: multi ? "row" : "column",
+    flexWrap: multi ? "wrap" : void 0,
+    gap: gaps.betweenGroups.gap,
+    "data-testid": "feed-layout",
+    "data-canonical": "feed",
+    ...rest,
+    children: Children.map(children, (child, i) => /* @__PURE__ */jsx(YStack, {
+      flexGrow: 1,
+      flexBasis: multi ? minItemWidth : void 0,
+      minWidth: multi ? minItemWidth : void 0,
+      maxWidth: multi ? "100%" : void 0,
+      children: child
+    }, i))
+  });
+}
+function ReadingWidth({
+  measure = READING_WIDTH_CH,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */jsx(YStack, {
+    alignSelf: "flex-start",
+    ...readingWidthStyle(measure),
+    "data-testid": "reading-width",
+    ...rest,
+    children
+  });
+}
+export { FeedLayout, ListDetailLayout, PaneScaffold, ReadingWidth, SupportingPaneLayout };
+//# sourceMappingURL=PaneScaffold.mjs.map

package/dist/jsx/layouts/PaneScaffold.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultMaxPanes","readingWidthStyle","useLayoutSizeClass","useMultiPane","useSemanticGaps","READING_WIDTH_CH","Children","XStack","YStack","jsx","jsxs","PaneScaffold","primary","secondary","activePane","maxPanes","maxPanesProp","paneFlex","paneGap","sizeClass","sizeClassProp","rest","liveClass","budget","hasSecondary","multi","gaps","gap","betweenGroups","shown","flexGrow","flexShrink","flexBasis","minWidth","width","children","primaryFlex","secondaryFlex","flex","ListDetailLayout","list","detail","selected","SupportingPaneLayout","supporting","FeedLayout","minItemWidth","flexDirection","flexWrap","map","child","i","maxWidth","ReadingWidth","measure","alignSelf"],"sources":["../../../src/layouts/PaneScaffold.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,167 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var PaneScaffold_exports = {};
+__export(PaneScaffold_exports, {
+  FeedLayout: () => FeedLayout,
+  ListDetailLayout: () => ListDetailLayout,
+  PaneScaffold: () => PaneScaffold,
+  ReadingWidth: () => ReadingWidth,
+  SupportingPaneLayout: () => SupportingPaneLayout
+});
+module.exports = __toCommonJS(PaneScaffold_exports);
+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");
+function PaneScaffold(param) {
+  var {
+    primary,
+    secondary,
+    activePane = "primary",
+    maxPanes: maxPanesProp,
+    paneFlex = [1, 1],
+    paneGap,
+    sizeClass: sizeClassProp,
+    ...rest
+  } = param;
+  var liveClass = (0, import_theme.useLayoutSizeClass)();
+  var sizeClass = sizeClassProp !== null && sizeClassProp !== void 0 ? sizeClassProp : liveClass;
+  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;
+  if (!multi) {
+    var shown = activePane === "secondary" && hasSecondary ? secondary : primary;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      flexGrow: 1,
+      flexShrink: 1,
+      flexBasis: "auto",
+      minWidth: 0,
+      width: "100%",
+      "data-testid": "pane-scaffold",
+      "data-panes": "1",
+      "data-size-class": sizeClass,
+      ...rest,
+      children: shown
+    });
+  }
+  var [primaryFlex, secondaryFlex] = paneFlex;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    flexGrow: 1,
+    flexShrink: 1,
+    flexBasis: "auto",
+    minWidth: 0,
+    width: "100%",
+    gap,
+    "data-testid": "pane-scaffold",
+    "data-panes": "2",
+    "data-size-class": sizeClass,
+    ...rest,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      flex: primaryFlex,
+      minWidth: 0,
+      "data-testid": "pane-primary",
+      children: primary
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      flex: secondaryFlex,
+      minWidth: 0,
+      "data-testid": "pane-secondary",
+      children: secondary
+    })]
+  });
+}
+function ListDetailLayout(param) {
+  var {
+    list,
+    detail,
+    selected = false,
+    activePane,
+    ...rest
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(PaneScaffold, {
+    primary: list,
+    secondary: detail,
+    paneFlex: [1, 1],
+    activePane: activePane !== null && activePane !== void 0 ? activePane : selected ? "secondary" : "primary",
+    "data-canonical": "list-detail",
+    ...rest
+  });
+}
+function SupportingPaneLayout(param) {
+  var {
+    children,
+    supporting,
+    ...rest
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(PaneScaffold, {
+    primary: children,
+    secondary: supporting,
+    paneFlex: [2, 1],
+    "data-canonical": "supporting-pane",
+    ...rest
+  });
+}
+function FeedLayout(param) {
+  var {
+    children,
+    minItemWidth = 280,
+    ...rest
+  } = 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,
+    gap: gaps.betweenGroups.gap,
+    "data-testid": "feed-layout",
+    "data-canonical": "feed",
+    ...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,
+        children: child
+      }, i);
+    })
+  });
+}
+function ReadingWidth(param) {
+  var {
+    measure = import_theme.READING_WIDTH_CH,
+    children,
+    ...rest
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    alignSelf: "flex-start",
+    ...(0, import_theme.readingWidthStyle)(measure),
+    "data-testid": "reading-width",
+    ...rest,
+    children
+  });
+}
+//# sourceMappingURL=PaneScaffold.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","PaneScaffold_exports","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"],"sources":["../../../src/layouts/PaneScaffold.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/layouts/ViewSwitcher.mjs

@@ -1,5 +1,6 @@
-import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { Text, ToggleGroup } from "tamagui";
+import { MIN_PRESS_TARGET, ensureFocusVisibleRing, ensureKeyboardModalityTracking, keyboardFocusRingProps, pressTargetHitSlop, useResolvedKnobs, wasKeyboardFocus } from "@multiplatform.one/theme";
+import { useState } from "react";
+import { Text, ToggleGroup, XStack, isWeb } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ViewSwitcher({
   views,
@@ -9,28 +10,84 @@ function ViewSwitcher({
   const {
     knobProps
   } = useResolvedKnobs();
+  const [kbFocusValue, setKbFocusValue] = useState(null);
+  const [focusValue, setFocusValue] = useState(null);
+  if (isWeb) ensureKeyboardModalityTracking();
+  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 = pressTargetHitSlop(32);
+  const groupRing = ensureFocusVisibleRing();
   return /* @__PURE__ */jsx(ToggleGroup, {
     type: "single",
     orientation: "horizontal",
     flexDirection: "row",
+    alignSelf: "flex-start",
     value: currentView,
     onValueChange: val => {
       if (val) onViewChange(val);
     },
     ...knobProps.borderRadius,
     ...knobProps.inputSurface,
-    children: views.map(view => {
+    overflow: "hidden",
+    focusStyle: groupRing,
+    focusVisibleStyle: groupRing,
+    focusWithinStyle: groupRing,
+    children: views.map((view, viewIndex) => {
       const Icon = view.icon;
-      return /* @__PURE__ */jsxs(ToggleGroup.Item, {
-        value: view.type,
-        size: knobProps.sizeToken,
-        children: [Icon && /* @__PURE__ */jsx(Icon, {
-          size: 16
-        }), /* @__PURE__ */jsx(Text, {
-          fontSize: knobProps.sizeToken,
-          children: view.label
-        })]
-      }, view.type);
+      const anchorIndex = (() => {
+        const focusIdx = focusValue ? views.findIndex(v => v.type === focusValue) : -1;
+        if (focusIdx >= 0) return focusIdx;
+        const activeIdx = views.findIndex(v => v.type === currentView);
+        return activeIdx >= 0 ? activeIdx : 0;
+      })();
+      const isTabStop = viewIndex === anchorIndex;
+      return (
+        // no size prop: ToggleGroup.Item's size makes square icon-buttons
+        // (fixed width) that clip text labels -- let content + pad size the item.
+        /* @__PURE__ */
+        jsx(ToggleGroup.Item, {
+          value: view.type,
+          ...(isWeb ? {
+            tabIndex: isTabStop ? 0 : -1
+          } : void 0),
+          paddingHorizontal: padH,
+          paddingVertical: padV,
+          width: "auto",
+          height: "auto",
+          minHeight: MIN_PRESS_TARGET,
+          hitSlop: segmentHitSlop,
+          flexGrow: 0,
+          alignItems: "center",
+          justifyContent: "center",
+          ...(isWeb ? {
+            onFocus: () => {
+              setFocusValue(view.type);
+              if (wasKeyboardFocus()) setKbFocusValue(view.type);
+            },
+            onBlur: () => {
+              setFocusValue(prev => prev === view.type ? null : prev);
+              setKbFocusValue(prev => prev === view.type ? null : prev);
+            }
+          } : void 0),
+          ...(kbFocusValue === view.type ? keyboardFocusRingProps : void 0),
+          children: /* @__PURE__ */jsxs(XStack, {
+            alignItems: "center",
+            gap: rowGap,
+            flexShrink: 0,
+            children: [Icon && /* @__PURE__ */jsx(Icon, {
+              size: iconPx
+            }), /* @__PURE__ */jsx(Text, {
+              fontSize: labelSize,
+              numberOfLines: 1,
+              children: view.label
+            })]
+          })
+        }, view.type)
+      );
     })
   });
 }

package/dist/jsx/layouts/ViewSwitcher.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useResolvedKnobs","Text","ToggleGroup","jsx","jsxs","ViewSwitcher","views","currentView","onViewChange","knobProps","type","orientation","flexDirection","value","onValueChange","val","borderRadius","inputSurface","children","map","view","Icon","icon","Item","size","sizeToken","fontSize","label"],"sources":["../../../src/layouts/ViewSwitcher.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AAEjC,SAASC,IAAA,EAAMC,WAAA,QAAmB;AA4CxB,SACWC,GAAA,EADXC,IAAA;AAlBH,SAASC,aAAa;EAAEC,KAAA;EAAOC,WAAA;EAAaC;AAAa,GAAsB;EACpF,MAAM;IAAEC;EAAU,IAAIT,gBAAA,CAAiB;EAEvC,OACE,eAAAG,GAAA,CAACD,WAAA;IACCQ,IAAA,EAAK;IACLC,WAAA,EAAY;IACZC,aAAA,EAAc;IACdC,KAAA,EAAON,WAAA;IACPO,aAAA,EAAgBC,GAAA,IAAQ;MACtB,IAAIA,GAAA,EAAKP,YAAA,CAAaO,GAAG;IAC3B;IACC,GAAGN,SAAA,CAAUO,YAAA;IACb,GAAGP,SAAA,CAAUQ,YAAA;IAEbC,QAAA,EAAAZ,KAAA,CAAMa,GAAA,CAAKC,IAAA,IAAS;MACnB,MAAMC,IAAA,GAAOD,IAAA,CAAKE,IAAA;MAClB,OACE,eAAAlB,IAAA,CAACF,WAAA,CAAYqB,IAAA,EAAZ;QAAiCV,KAAA,EAAOO,IAAA,CAAKV,IAAA;QAAMc,IAAA,EAAMf,SAAA,CAAUgB,SAAA;QACjEP,QAAA,GAAAG,IAAA,IAAQ,eAAAlB,GAAA,CAACkB,IAAA;UAAKG,IAAA,EAAM;QAAA,CAAI,GACzB,eAAArB,GAAA,CAACF,IAAA;UAAKyB,QAAA,EAAUjB,SAAA,CAAUgB,SAAA;UAAYP,QAAA,EAAAE,IAAA,CAAKO;QAAA,CAAM;MAAA,GAF5BP,IAAA,CAAKV,IAG5B;IAEJ,CAAC;EAAA,CACH;AAEJ","ignoreList":[]}
+{"version":3,"names":["MIN_PRESS_TARGET","ensureFocusVisibleRing","ensureKeyboardModalityTracking","keyboardFocusRingProps","pressTargetHitSlop","useResolvedKnobs","wasKeyboardFocus","useState","Text","ToggleGroup","XStack","isWeb","jsx","jsxs","ViewSwitcher","views","currentView","onViewChange","knobProps","kbFocusValue","setKbFocusValue","focusValue","setFocusValue","sz","sizeToken","padH","padV","labelSize","rowGap","iconPx","segmentHitSlop","groupRing","type","orientation","flexDirection","alignSelf","value","onValueChange","val","borderRadius","inputSurface","overflow","focusStyle","focusVisibleStyle","focusWithinStyle","children","map","view","viewIndex","Icon","icon","anchorIndex","focusIdx","findIndex","v","activeIdx","isTabStop","Item","tabIndex","paddingHorizontal","paddingVertical","width","height","minHeight","hitSlop","flexGrow","alignItems","justifyContent","onFocus","onBlur","prev","gap","flexShrink","size","fontSize","numberOfLines","label"],"sources":["../../../src/layouts/ViewSwitcher.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/layouts/ViewSwitcher.native.js

@@ -29,6 +29,7 @@ __export(ViewSwitcher_exports, {
 module.exports = __toCommonJS(ViewSwitcher_exports);
 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");
 function ViewSwitcher(param) {
   var {
@@ -39,28 +40,97 @@ function ViewSwitcher(param) {
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  var [kbFocusValue, setKbFocusValue] = (0, import_react.useState)(null);
+  var [focusValue, setFocusValue] = (0, import_react.useState)(null);
+  if (import_tamagui.isWeb) (0, import_theme.ensureKeyboardModalityTracking)();
+  var sz = knobProps.sizeToken;
+  var padH = sz === "$3" ? "$2" : sz === "$5" ? "$4" : "$3";
+  var padV = sz === "$3" ? "$1.5" : sz === "$5" ? "$2.5" : "$2";
+  var labelSize = sz === "$3" ? "$2" : sz === "$5" ? "$4" : "$3";
+  var rowGap = sz === "$3" ? "$1.5" : sz === "$5" ? "$2.5" : "$2";
+  var iconPx = sz === "$3" ? 14 : sz === "$5" ? 18 : 16;
+  var segmentHitSlop = (0, import_theme.pressTargetHitSlop)(32);
+  var groupRing = (0, import_theme.ensureFocusVisibleRing)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup, {
     type: "single",
     orientation: "horizontal",
     flexDirection: "row",
+    alignSelf: "flex-start",
     value: currentView,
     onValueChange: function onValueChange(val) {
       if (val) onViewChange(val);
     },
     ...knobProps.borderRadius,
     ...knobProps.inputSurface,
-    children: views.map(function (view) {
+    // R-OUTER (LC-18): the outer frame owns the radius; clip so the inner
+    // square segment seams stay square inside the rounded frame instead of
+    // poking past it at high radius (DF-09). Segment keyboard rings are
+    // inset (outlineOffset -2), so they survive the clip; the group ring is
+    // an outline (never clipped by the element's own overflow).
+    overflow: "hidden",
+    focusStyle: groupRing,
+    focusVisibleStyle: groupRing,
+    focusWithinStyle: groupRing,
+    children: views.map(function (view, viewIndex) {
       var Icon = view.icon;
-      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.ToggleGroup.Item, {
-        value: view.type,
-        size: knobProps.sizeToken,
-        children: [Icon && /* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {
-          size: 16
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-          fontSize: knobProps.sizeToken,
-          children: view.label
-        })]
-      }, view.type);
+      var anchorIndex = function () {
+        var focusIdx = focusValue ? views.findIndex(function (v) {
+          return v.type === focusValue;
+        }) : -1;
+        if (focusIdx >= 0) return focusIdx;
+        var activeIdx = views.findIndex(function (v) {
+          return v.type === currentView;
+        });
+        return activeIdx >= 0 ? activeIdx : 0;
+      }();
+      var isTabStop = viewIndex === anchorIndex;
+      return (
+        // no size prop: ToggleGroup.Item's size makes square icon-buttons
+        // (fixed width) that clip text labels -- let content + pad size the item.
+        /* @__PURE__ */
+        (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, {
+          value: view.type,
+          ...(import_tamagui.isWeb ? {
+            tabIndex: isTabStop ? 0 : -1
+          } : void 0),
+          paddingHorizontal: padH,
+          paddingVertical: padV,
+          width: "auto",
+          height: "auto",
+          minHeight: import_theme.MIN_PRESS_TARGET,
+          hitSlop: segmentHitSlop,
+          flexGrow: 0,
+          alignItems: "center",
+          justifyContent: "center",
+          ...(import_tamagui.isWeb ? {
+            onFocus: function onFocus() {
+              setFocusValue(view.type);
+              if ((0, import_theme.wasKeyboardFocus)()) setKbFocusValue(view.type);
+            },
+            onBlur: function onBlur() {
+              setFocusValue(function (prev) {
+                return prev === view.type ? null : prev;
+              });
+              setKbFocusValue(function (prev) {
+                return prev === view.type ? null : prev;
+              });
+            }
+          } : void 0),
+          ...(kbFocusValue === view.type ? import_theme.keyboardFocusRingProps : void 0),
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+            alignItems: "center",
+            gap: rowGap,
+            flexShrink: 0,
+            children: [Icon && /* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {
+              size: iconPx
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              fontSize: labelSize,
+              numberOfLines: 1,
+              children: view.label
+            })]
+          })
+        }, view.type)
+      );
     })
   });
 }

package/dist/jsx/layouts/ViewSwitcher.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ViewSwitcher_exports","ViewSwitcher","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","param"],"sources":["../../../src/layouts/ViewSwitcher.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAET,IAAAA,SAAS,GAAMC,MAAA,CAAAC,cAAmB;AA4CxB,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAlBH,IAAAC,iBAAS,GAAeJ,MAAA,CAAOK,mBAAa;AACjD,IAAAC,YAAQ,GAAAN,MAAc,CAAAO,SAAA,CAAAC,cAAiB;AAEvC,IAAAC,QACE,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAAA,KAAC,IAAAC,IAAA,IAAAD,GAAA,EAAAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACM,IAAAC,WACL,GAAAA,CAAYC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACZF,IAAA,WAAcA,IAAA,wBAAAA,IAAA;IAAA,KACd,IAAOG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACP,KAAAX,YAAgB,CAAAe,IAAA,CAAAL,EAAQ,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACtBnB,SAAS,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAa,EAAGA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EAC3B,OACIE,EAAA;AAAU;AACA,IAAAM,YAEb,GAAAC,GAAM,IAAKR,WAAS,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AACnB,IAAAE,oBAAa,GAAK;AAClBhB,QAAA,CAAAgB,oBACE;EACGC,YAAA,EAAAA,CAAA,KAAQA;AAAgB;AACwBC,MAAA,CAAAC,OAF5B,GAAAN,YAGvB,CAAAG,oBAAA;AAAA,IAAAI,kBAEH,GAAAC,OAAA;AAAA,IAAAC,YAAA,GAAAD,OAAA;AAAA,IACHE,cAAA,GAAAF,OAAA;AAEJ,SAAAJ,aAAAO,KAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ViewSwitcher_exports","ViewSwitcher","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","param","views","currentView","onViewChange","knobProps","useResolvedKnobs","kbFocusValue","setKbFocusValue","useState","focusValue","setFocusValue","isWeb","ensureKeyboardModalityTracking","sz","sizeToken","padH","padV","labelSize","rowGap","iconPx","segmentHitSlop","pressTargetHitSlop","groupRing","ensureFocusVisibleRing","jsx","ToggleGroup","type","orientation","flexDirection","alignSelf","onValueChange","val","borderRadius","inputSurface","overflow","focusStyle","focusVisibleStyle","focusWithinStyle","children","map","view","viewIndex","Icon","icon","anchorIndex","focusIdx","findIndex","v","activeIdx","isTabStop","Item","tabIndex","paddingHorizontal","paddingVertical","width","height","minHeight","MIN_PRESS_TARGET","hitSlop","flexGrow","alignItems","justifyContent"],"sources":["../../../src/layouts/ViewSwitcher.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}