@multiplatform.one/components 6.1.0 → 6.3.0

package/dist/esm/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/esm/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/esm/layouts/PaneScaffold.native.js

@@ -0,0 +1,135 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { defaultMaxPanes, readingWidthStyle, useLayoutSizeClass, useMultiPane, useSemanticGaps, READING_WIDTH_CH } from "@multiplatform.one/theme";
+import { Children } from "react";
+import { XStack, YStack } from "tamagui";
+function PaneScaffold(param) {
+  var {
+    primary,
+    secondary,
+    activePane = "primary",
+    maxPanes: maxPanesProp,
+    paneFlex = [1, 1],
+    paneGap,
+    sizeClass: sizeClassProp,
+    ...rest
+  } = param;
+  var liveClass = useLayoutSizeClass();
+  var sizeClass = sizeClassProp !== null && sizeClassProp !== void 0 ? sizeClassProp : liveClass;
+  var budget = maxPanesProp !== null && maxPanesProp !== void 0 ? maxPanesProp : defaultMaxPanes(sizeClass);
+  var hasSecondary = secondary !== null && secondary !== void 0;
+  var multi = budget >= 2 && hasSecondary;
+  var gaps = useSemanticGaps();
+  var gap = paneGap !== null && paneGap !== void 0 ? paneGap : gaps.betweenGroups.gap;
+  if (!multi) {
+    var 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
+    });
+  }
+  var [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(param) {
+  var {
+    list,
+    detail,
+    selected = false,
+    activePane,
+    ...rest
+  } = param;
+  return /* @__PURE__ */_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__ */_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 = useSemanticGaps();
+  var 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, function (child, i) {
+      return /* @__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(param) {
+  var {
+    measure = READING_WIDTH_CH,
+    children,
+    ...rest
+  } = param;
+  return /* @__PURE__ */_jsx(YStack, {
+    alignSelf: "flex-start",
+    ...readingWidthStyle(measure),
+    "data-testid": "reading-width",
+    ...rest,
+    children
+  });
+}
+export { FeedLayout, ListDetailLayout, PaneScaffold, ReadingWidth, SupportingPaneLayout };
+//# sourceMappingURL=PaneScaffold.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","defaultMaxPanes","readingWidthStyle","useLayoutSizeClass","useMultiPane","useSemanticGaps","READING_WIDTH_CH","Children","XStack","YStack","PaneScaffold","param","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/esm/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/esm/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":"AAAA,SACEA,gBAAA,EACAC,sBAAA,EACAC,8BAAA,EACAC,sBAAA,EACAC,kBAAA,EACAC,gBAAA,EACAC,gBAAA,QACK;AAEP,SAASC,QAAA,QAAgB;AACzB,SAASC,IAAA,EAAMC,WAAA,EAAaC,MAAA,EAAQC,KAAA,QAAa;AA4HrC,SACWC,GAAA,EADXC,IAAA;AAlGL,SAASC,aAAa;EAAEC,KAAA;EAAOC,WAAA;EAAaC;AAAa,GAAsB;EACpF,MAAM;IAAEC;EAAU,IAAIb,gBAAA,CAAiB;EAIvC,MAAM,CAACc,YAAA,EAAcC,eAAe,IAAIb,QAAA,CAAwB,IAAI;EAIpE,MAAM,CAACc,UAAA,EAAYC,aAAa,IAAIf,QAAA,CAAwB,IAAI;EAChE,IAAII,KAAA,EAAOT,8BAAA,CAA+B;EAC1C,MAAMqB,EAAA,GAAKL,SAAA,CAAUM,SAAA;EAOrB,MAAMC,IAAA,GAAOF,EAAA,KAAO,OAAQ,OAAiBA,EAAA,KAAO,OAAQ,OAAkB;EAC9E,MAAMG,IAAA,GAAOH,EAAA,KAAO,OAAQ,SAAmBA,EAAA,KAAO,OAAQ,SAAoB;EAClF,MAAMI,SAAA,GAAYJ,EAAA,KAAO,OAAQ,OAAiBA,EAAA,KAAO,OAAQ,OAAkB;EACnF,MAAMK,MAAA,GACJL,EAAA,KAAO,OAAQ,SAAmBA,EAAA,KAAO,OAAQ,SAAoB;EACvE,MAAMM,MAAA,GAASN,EAAA,KAAO,OAAO,KAAKA,EAAA,KAAO,OAAO,KAAK;EAErD,MAAMO,cAAA,GAAiB1B,kBAAA,CAAmB,EAAE;EAI5C,MAAM2B,SAAA,GAAY9B,sBAAA,CAAuB;EAEzC,OACE,eAAAW,GAAA,CAACH,WAAA;IACCuB,IAAA,EAAK;IACLC,WAAA,EAAY;IACZC,aAAA,EAAc;IACdC,SAAA,EAAU;IACVC,KAAA,EAAOpB,WAAA;IACPqB,aAAA,EAAgBC,GAAA,IAAQ;MACtB,IAAIA,GAAA,EAAKrB,YAAA,CAAaqB,GAAG;IAC3B;IACC,GAAGpB,SAAA,CAAUqB,YAAA;IACb,GAAGrB,SAAA,CAAUsB,YAAA;IAMdC,QAAA,EAAS;IACTC,UAAA,EAAYX,SAAA;IACZY,iBAAA,EAAmBZ,SAAA;IACnBa,gBAAA,EAAkBb,SAAA;IAEjBc,QAAA,EAAA9B,KAAA,CAAM+B,GAAA,CAAI,CAACC,IAAA,EAAMC,SAAA,KAAc;MAC9B,MAAMC,IAAA,GAAOF,IAAA,CAAKG,IAAA;MAOlB,MAAMC,WAAA,IAAe,MAAM;QACzB,MAAMC,QAAA,GAAW/B,UAAA,GAAaN,KAAA,CAAMsC,SAAA,CAAWC,CAAA,IAAMA,CAAA,CAAEtB,IAAA,KAASX,UAAU,IAAI;QAC9E,IAAI+B,QAAA,IAAY,GAAG,OAAOA,QAAA;QAC1B,MAAMG,SAAA,GAAYxC,KAAA,CAAMsC,SAAA,CAAWC,CAAA,IAAMA,CAAA,CAAEtB,IAAA,KAAShB,WAAW;QAC/D,OAAOuC,SAAA,IAAa,IAAIA,SAAA,GAAY;MACtC,GAAG;MACH,MAAMC,SAAA,GAAYR,SAAA,KAAcG,WAAA;MAChC;QAAA;QAAA;QAGE;QAAAvC,GAAA,CAACH,WAAA,CAAYgD,IAAA,EAAZ;UAECrB,KAAA,EAAOW,IAAA,CAAKf,IAAA;UACX,IAAIrB,KAAA,GAAQ;YAAE+C,QAAA,EAAUF,SAAA,GAAY,IAAI;UAAG,IAAI;UAChDG,iBAAA,EAAmBlC,IAAA;UACnBmC,eAAA,EAAiBlC,IAAA;UACjBmC,KAAA,EAAM;UACNC,MAAA,EAAO;UACPC,SAAA,EAAW/D,gBAAA;UACXgE,OAAA,EAASlC,cAAA;UACTmC,QAAA,EAAU;UACVC,UAAA,EAAW;UACXC,cAAA,EAAe;UACd,IAAIxD,KAAA,GACD;YACEyD,OAAA,EAASA,CAAA,KAAM;cACb9C,aAAA,CAAcyB,IAAA,CAAKf,IAAI;cACvB,IAAI1B,gBAAA,CAAiB,GAAGc,eAAA,CAAgB2B,IAAA,CAAKf,IAAI;YACnD;YACAqC,MAAA,EAAQA,CAAA,KAAM;cACZ/C,aAAA,CAAegD,IAAA,IAAUA,IAAA,KAASvB,IAAA,CAAKf,IAAA,GAAO,OAAOsC,IAAK;cAC1DlD,eAAA,CAAiBkD,IAAA,IAAUA,IAAA,KAASvB,IAAA,CAAKf,IAAA,GAAO,OAAOsC,IAAK;YAC9D;UACF,IACA;UACH,IAAInD,YAAA,KAAiB4B,IAAA,CAAKf,IAAA,GAAO7B,sBAAA,GAAyB;UAE3D0C,QAAA,iBAAAhC,IAAA,CAACH,MAAA;YAAOwD,UAAA,EAAW;YAASK,GAAA,EAAK3C,MAAA;YAAQ4C,UAAA,EAAY;YAClD3B,QAAA,GAAAI,IAAA,IAAQ,eAAArC,GAAA,CAACqC,IAAA;cAAKwB,IAAA,EAAM5C;YAAA,CAAQ,GAC7B,eAAAjB,GAAA,CAACJ,IAAA;cAAKkE,QAAA,EAAU/C,SAAA;cAAWgD,aAAA,EAAe;cACvC9B,QAAA,EAAAE,IAAA,CAAK6B;YAAA,CACR;UAAA,CACF;QAAA,GA/BK7B,IAAA,CAAKf,IAgCZ;MAAA;IAEJ,CAAC;EAAA,CACH;AAEJ","ignoreList":[]}

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

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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";
 function ViewSwitcher(param) {
   var {
     views,
@@ -10,28 +11,97 @@ function ViewSwitcher(param) {
   var {
     knobProps
   } = useResolvedKnobs();
+  var [kbFocusValue, setKbFocusValue] = useState(null);
+  var [focusValue, setFocusValue] = useState(null);
+  if (isWeb) 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 = pressTargetHitSlop(32);
+  var groupRing = ensureFocusVisibleRing();
   return /* @__PURE__ */_jsx(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__ */_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);
+      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__ */
+        _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: function onFocus() {
+              setFocusValue(view.type);
+              if (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 ? 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/esm/layouts/ViewSwitcher.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useResolvedKnobs","Text","ToggleGroup","ViewSwitcher","param","views","currentView","onViewChange","knobProps","type","orientation","flexDirection","value","onValueChange","val","borderRadius","inputSurface","children","map","view","Icon","icon","Item","size","sizeToken","fontSize"],"sources":["../../../src/layouts/ViewSwitcher.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAwB;AAEjC,SAASC,gBAAM,kCAAmB;AA4CxB,SACWC,IAAA,EADXC,WAAA;AAlBH,SAASC,aAAaC,KAAE;EAC7B;IAAMC,KAAE;IAAAC,WAAc;IAAAC;EAAiB,IAAAH,KAAA;EAEvC;IAAAI;EACE,IAAAR,gBAAA;EAAA,OAAC,eAAAH,IAAA,CAAAK,WAAA;IAAAO,IAAA;IAAAC,WACM;IAAAC,aACL,EAAY;IAAAC,KACZ,EAAAN,WAAc;IAAAO,aACP,WAAAA,cAAAC,GAAA;MACP,IAAAA,GAAA,EAAAP,YAAgB,CAAAO,GAAQ;IACtB;IAAyB,GAC3BN,SAAA,CAAAO,YAAA;IAAA,GACCP,SAAG,CAAAQ,YAAU;IAAAC,QACV,EAAAZ,KAAU,CAAAa,GAAA,WAAAC,IAAA;MAEb,IAAAC,IAAA,GAAAD,IAAA,CAAME,IAAI;MACT,sBAAkBtB,KAAA,CAAAG,WAAA,CAAAoB,IAAA;QAClBV,KAAA,EACEO,IAAA,CAAAV,IAAA;QACGc,IAAA,EAAAf,SAAQ,CAAAgB,SAAA;QAAgBP,QACzB,GAAiDG,IAF5B,IAAK,eAG5BvB,IAAA,CAAAuB,IAAA;UAEHG,IAAA;QAAA,IACH,eAAA1B,IAAA,CAAAI,IAAA;UAEJwB,QAAA,EAAAjB,SAAA,CAAAgB,SAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","MIN_PRESS_TARGET","ensureFocusVisibleRing","ensureKeyboardModalityTracking","keyboardFocusRingProps","pressTargetHitSlop","useResolvedKnobs","wasKeyboardFocus","useState","Text","ToggleGroup","XStack","isWeb","ViewSwitcher","param","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"],"sources":["../../../src/layouts/ViewSwitcher.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}