@multiplatform.one/forms 7.81.2 → 7.82.1

package/dist/cjs/Button/IconButtonGroup.cjs

@@ -38,7 +38,8 @@ function IconButtonGroup({
   children,
   ...rest
 }) {
-  const bar = (0, import_theme.useBarSurface)();
+  const field = (0, import_theme.useFieldSurface)();
+  const bar = (0, import_theme.useBarSurface)() && !field;
   const dark = (0, import_theme.isDarkThemeName)((0, import_tamagui.useThemeName)());
   const [capsuleHeight, setCapsuleHeight] = (0, import_react.useState)(0);
   const [members, setMembers] = (0, import_react.useState)(0);
@@ -63,7 +64,7 @@ function IconButtonGroup({
       } : null));
     }
   }), []);
-  if (plate === "media") {
+  if (plate === "media" && !field) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupContext.Provider, {
       value: "media",
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
@@ -83,23 +84,27 @@ function IconButtonGroup({
     });
   }
   const GlassView = bar ? (0, import_glass.loadGlassView)() : null;
+  const lone = members === 1 && import_react.Children.toArray(children).length === 1;
   if (GlassView && import_tamagui.isWeb && (0, import_webGlass.isAppleTouchWeb)()) {
+    const capsuled = members > 0 && !lone;
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupRegistry.Provider, {
       value: register,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupContext.Provider, {
-        value: "glass",
+        value: lone ? null : "glass",
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
           alignItems: "center",
-          "data-mp-icon-button-group": members > 0 ? "glass" : "bar",
+          "data-mp-icon-button-group": capsuled ? "glass" : "bar",
           ...rest,
           children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
             alignItems: "center",
             position: "relative",
             zIndex: 0,
-            paddingHorizontal: "$2",
-            gap: "$1",
-            "data-mp-glass-capsule": "",
-            children: [members > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(GlassView, {
+            ...(lone ? null : {
+              paddingHorizontal: "$2",
+              gap: "$1",
+              "data-mp-glass-capsule": ""
+            }),
+            children: [capsuled ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(GlassView, {
               style: {
                 position: "absolute",
                 top: 0,
@@ -115,7 +120,6 @@ function IconButtonGroup({
     });
   }
   const capsule = GlassView != null && members > 0;
-  const lone = members === 1 && import_react.Children.toArray(children).length === 1;
   const row = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
     alignItems: "center",
     "data-mp-icon-button-group": capsule ? "glass" : bar ? "bar" : "row",

package/dist/cjs/Button/IconButtonGroup.native.js

@@ -41,7 +41,8 @@ function IconButtonGroup(param) {
     children,
     ...rest
   } = param;
-  var bar = (0, import_theme.useBarSurface)();
+  var field = (0, import_theme.useFieldSurface)();
+  var bar = (0, import_theme.useBarSurface)() && !field;
   var dark = (0, import_theme.isDarkThemeName)((0, import_tamagui.useThemeName)());
   var [capsuleHeight, setCapsuleHeight] = (0, import_react.useState)(0);
   var [members, setMembers] = (0, import_react.useState)(0);
@@ -76,7 +77,7 @@ function IconButtonGroup(param) {
       }
     };
   }, []);
-  if (plate === "media") {
+  if (plate === "media" && !field) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupContext.Provider, {
       value: "media",
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
@@ -96,23 +97,27 @@ function IconButtonGroup(param) {
     });
   }
   var GlassView = bar ? (0, import_glass.loadGlassView)() : null;
+  var lone = members === 1 && import_react.Children.toArray(children).length === 1;
   if (GlassView && import_tamagui.isWeb && (0, import_webGlass.isAppleTouchWeb)()) {
+    var capsuled = members > 0 && !lone;
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupRegistry.Provider, {
       value: register,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupContext.Provider, {
-        value: "glass",
+        value: lone ? null : "glass",
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
           alignItems: "center",
-          "data-mp-icon-button-group": members > 0 ? "glass" : "bar",
+          "data-mp-icon-button-group": capsuled ? "glass" : "bar",
           ...rest,
           children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
             alignItems: "center",
             position: "relative",
             zIndex: 0,
-            paddingHorizontal: "$2",
-            gap: "$1",
-            "data-mp-glass-capsule": "",
-            children: [members > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(GlassView, {
+            ...(lone ? null : {
+              paddingHorizontal: "$2",
+              gap: "$1",
+              "data-mp-glass-capsule": ""
+            }),
+            children: [capsuled ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(GlassView, {
               style: {
                 position: "absolute",
                 top: 0,
@@ -128,7 +133,6 @@ function IconButtonGroup(param) {
     });
   }
   var capsule = GlassView != null && members > 0;
-  var lone = members === 1 && import_react.Children.toArray(children).length === 1;
   var row = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
     alignItems: "center",
     "data-mp-icon-button-group": capsule ? "glass" : bar ? "bar" : "row",

package/dist/cjs/Button/IconButtonGroup.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","IconButtonGroup_exports","__export","IconButtonGroup","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_glass","import_webGlass","import_iconButtonGroupContext","SYSTEM_GLASS_SPACING","param","plate","children","rest","bar","useBarSurface","dark","isDarkThemeName","useThemeName","capsuleHeight","setCapsuleHeight","useState","members","setMembers","register","useCallback","count","capsuleRef","useRef","surface","useMemo","measure","callback","node","current","measureInWindow","x","y","width","height","radius","jsx","IconButtonGroupContext","Provider","Theme","name","XStack","alignItems","alignSelf","borderRadius","backgroundColor","overflow","radiusClassProps","GlassView","loadGlassView","isWeb","isAppleTouchWeb","IconButtonGroupRegistry","jsxs","position","zIndex","paddingHorizontal","gap","style","top","right","bottom","left","capsule","lone","Children","toArray","length","row","glass","glassEffectStyle","isInteractive","colorScheme","flexShrink","minWidth"],"sources":["../../../src/Button/IconButtonGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","IconButtonGroup_exports","__export","IconButtonGroup","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_glass","import_webGlass","import_iconButtonGroupContext","SYSTEM_GLASS_SPACING","param","plate","children","rest","field","useFieldSurface","bar","useBarSurface","dark","isDarkThemeName","useThemeName","capsuleHeight","setCapsuleHeight","useState","members","setMembers","register","useCallback","count","capsuleRef","useRef","surface","useMemo","measure","callback","node","current","measureInWindow","x","y","width","height","radius","jsx","IconButtonGroupContext","Provider","Theme","name","XStack","alignItems","alignSelf","borderRadius","backgroundColor","overflow","radiusClassProps","GlassView","loadGlassView","lone","Children","toArray","length","isWeb","isAppleTouchWeb","capsuled","IconButtonGroupRegistry","jsxs","position","zIndex","paddingHorizontal","gap","style","top","right","bottom","left","capsule","row","glass","glassEffectStyle","isInteractive","colorScheme","flexShrink","minWidth"],"sources":["../../../src/Button/IconButtonGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Button/iconButtonGroupContext.cjs

@@ -22,9 +22,11 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var iconButtonGroupContext_exports = {};
 __export(iconButtonGroupContext_exports, {
+  GlyphPlateContext: () => GlyphPlateContext,
   IconButtonGroupContext: () => IconButtonGroupContext,
   IconButtonGroupRegistry: () => IconButtonGroupRegistry,
   IconButtonGroupSurfaceContext: () => IconButtonGroupSurfaceContext,
+  useGlyphOnPlate: () => useGlyphOnPlate,
   useIconButtonGroupGround: () => useIconButtonGroupGround,
   useIconButtonGroupMember: () => useIconButtonGroupMember,
   useIconButtonGroupSurface: () => useIconButtonGroupSurface
@@ -36,6 +38,10 @@ const IconButtonGroupContext = (0, import_react.createContext)(null);
 function useIconButtonGroupGround() {
   return (0, import_react.useContext)(IconButtonGroupContext);
 }
+const GlyphPlateContext = (0, import_react.createContext)(false);
+function useGlyphOnPlate() {
+  return (0, import_react.useContext)(GlyphPlateContext);
+}
 const IconButtonGroupRegistry = (0, import_react.createContext)(null);
 function useIconButtonGroupMember(iconOnly) {
   const register = (0, import_react.useContext)(IconButtonGroupRegistry);

package/dist/cjs/Button/iconButtonGroupContext.native.js

@@ -24,9 +24,11 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var iconButtonGroupContext_exports = {};
 __export(iconButtonGroupContext_exports, {
+  GlyphPlateContext: () => GlyphPlateContext,
   IconButtonGroupContext: () => IconButtonGroupContext,
   IconButtonGroupRegistry: () => IconButtonGroupRegistry,
   IconButtonGroupSurfaceContext: () => IconButtonGroupSurfaceContext,
+  useGlyphOnPlate: () => useGlyphOnPlate,
   useIconButtonGroupGround: () => useIconButtonGroupGround,
   useIconButtonGroupMember: () => useIconButtonGroupMember,
   useIconButtonGroupSurface: () => useIconButtonGroupSurface
@@ -38,6 +40,10 @@ var IconButtonGroupContext = (0, import_react.createContext)(null);
 function useIconButtonGroupGround() {
   return (0, import_react.useContext)(IconButtonGroupContext);
 }
+var GlyphPlateContext = (0, import_react.createContext)(false);
+function useGlyphOnPlate() {
+  return (0, import_react.useContext)(GlyphPlateContext);
+}
 var IconButtonGroupRegistry = (0, import_react.createContext)(null);
 function useIconButtonGroupMember(iconOnly) {
   var register = (0, import_react.useContext)(IconButtonGroupRegistry);

package/dist/cjs/Button/iconButtonGroupContext.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","iconButtonGroupContext_exports","__export","IconButtonGroupContext","IconButtonGroupRegistry","IconButtonGroupSurfaceContext","useIconButtonGroupGround","useIconButtonGroupMember","useIconButtonGroupSurface","module","exports","import_react","require","useIsomorphicLayoutEffect","window","useEffect","useLayoutEffect","createContext","useContext","iconOnly","register"],"sources":["../../../src/Button/iconButtonGroupContext.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,uBAAA,EAAAA,CAAA,KAAAA,uBAAA;EAAAC,6BAAA,EAAAA,CAAA,KAAAA,6BAAA;EAAAC,wBAAA,EAAAA,CAAA,KAAAA,wBAAA;EAAAC,wBAAA,EAAAA,CAAA,KAAAA,wBAAA;EAAAC,yBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAd,YAAsE,CAAAK,8BAAA;AAEtE,IAAAU,YAAM,GAAAC,OAAA,QAA4B;AAS3B,IAAAC,yBAAM,UAAyBC,MAAA,mBAAqCH,YAAI,CAAAI,SAAA,GAAAJ,YAAA,CAAAK,eAAA;AAExE,IAAAb,sBAAS,OAAAQ,YAAkD,CAAAM,aAAA;AAChE,SAAAX,wBAAOA,CAAA;EACT,WAAAK,YAAA,CAAAO,UAAA,EAAAf,sBAAA;AAOO;AAEA,IAAAC,uBAAS,OAAyBO,YAAyB,CAAAM,aAAA;AAChE,SAAMV,wBAAWA,CAAAY,QAAA;EACjB,IAAAC,QAAA,OAAAT,YAAA,CAAAO,UAAA,EAAAd,uBAAA;EAAAS,yBACqB,aAAW;IAC9B,OAACM,QAAU,IAAQC,QAAA,GAAAA,QAAA;EACrB,IACFD,QAAA,EAqBOC,QAAM,CAEN;AACL;AACF,IAAAf,6BAAA,OAAAM,YAAA,CAAAM,aAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","iconButtonGroupContext_exports","__export","GlyphPlateContext","IconButtonGroupContext","IconButtonGroupRegistry","IconButtonGroupSurfaceContext","useGlyphOnPlate","useIconButtonGroupGround","useIconButtonGroupMember","useIconButtonGroupSurface","module","exports","import_react","require","useIsomorphicLayoutEffect","window","useEffect","useLayoutEffect","createContext","useContext","iconOnly","register"],"sources":["../../../src/Button/iconButtonGroupContext.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,uBAAA,EAAAA,CAAA,KAAAA,uBAAA;EAAAC,6BAAA,EAAAA,CAAA,KAAAA,6BAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,wBAAA,EAAAA,CAAA,KAAAA,wBAAA;EAAAC,wBAAA,EAAAA,CAAA,KAAAA,wBAAA;EAAAC,yBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAhB,YAAsE,CAAAK,8BAAA;AAEtE,IAAAY,YAAM,GAAAC,OAAA,QAA4B;AAS3B,IAAAC,yBAAM,UAAyBC,MAAA,mBAAqCH,YAAI,CAAAI,SAAA,GAAAJ,YAAA,CAAAK,eAAA;AAExE,IAAAd,sBAAS,OAAAS,YAAkD,CAAAM,aAAA;AAChE,SAAAX,wBAAOA,CAAA;EACT,WAAAK,YAAA,CAAAO,UAAA,EAAAhB,sBAAA;AAQO;AAEA,IAAAD,iBAAS,OAA2BU,YAAA,CAAAM,aAAA;AACzC,SAAAZ,eAAOA,CAAA;EACT,WAAAM,YAAA,CAAAO,UAAA,EAAAjB,iBAAA;AAOO;AAEA,IAAAE,uBAAS,OAAyBQ,YAAyB,CAAAM,aAAA;AAChE,SAAMV,wBAAWA,CAAAY,QAAA;EACjB,IAAAC,QAAA,OAAAT,YAAA,CAAAO,UAAA,EAAAf,uBAAA;EAAAU,yBACqB,aAAW;IAC9B,OAACM,QAAU,IAAQC,QAAA,GAAAA,QAAA;EACrB,IACFD,QAAA,EAqBOC,QAAM,CAEN;AACL;AACF,IAAAhB,6BAAA,OAAAO,YAAA,CAAAM,aAAA","ignoreList":[]}

package/dist/cjs/Button/index.cjs

@@ -34,7 +34,8 @@ __export(Button_exports, {
   buttonSizeRecipes: () => buttonSizeRecipes,
   iconButtonGlyphPx: () => iconButtonGlyphPx,
   labelLinePx: () => labelLinePx,
-  resolveButtonSizeRecipe: () => resolveButtonSizeRecipe
+  resolveButtonSizeRecipe: () => resolveButtonSizeRecipe,
+  useGlyphOnPlate: () => import_iconButtonGroupContext2.useGlyphOnPlate
 });
 module.exports = __toCommonJS(Button_exports);
 var import_theme = require("@multiplatform.one/theme");
@@ -59,6 +60,7 @@ var import_glass = require("./glass.cjs");
 var import_circleGlyph = require("./circleGlyph.cjs");
 var import_iconButtonGroupContext = require("./iconButtonGroupContext.cjs");
 var import_IconButtonGroup = require("./IconButtonGroup.cjs");
+var import_iconButtonGroupContext2 = require("./iconButtonGroupContext.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const buttonSizeRecipes = import_theme3.recipeFamilies.control.recipes;
 function resolveButtonSizeRecipe(size, family = "control", touch = false) {
@@ -385,18 +387,24 @@ function Button({
   const grouped = (0, import_groupContext.useControlGrouped)();
   const labelled = verb != null || children != null && children !== false && children !== "";
   const iconOnly = !labelled && Boolean(icon || iconAfter);
-  const circular = circularProp && !(iconOnly && chromeless === true && plate == null);
+  const fieldSurface = (0, import_theme3.useFieldSurface)();
+  const fieldGlyph = iconOnly && fieldSurface;
+  if (fieldGlyph) {
+    outlined = false;
+    if (chromeless === false) chromeless = void 0;
+  }
+  const circular = circularProp && !fieldGlyph && !(iconOnly && chromeless === true && plate == null);
   const groupGround = (0, import_iconButtonGroupContext.useIconButtonGroupGround)();
   (0, import_iconButtonGroupContext.useIconButtonGroupMember)(iconOnly);
-  const mediaPlate = iconOnly && plate === "media" && groupGround !== "media";
-  const confirmPlate = iconOnly && primaryPlate;
+  const mediaPlate = iconOnly && plate === "media" && groupGround !== "media" && !fieldGlyph;
+  const confirmPlate = iconOnly && primaryPlate && !fieldGlyph;
   const iconButton = iconOnly && !mediaPlate && !confirmPlate && !grouped && chromeless !== false && outlined !== true && !circular;
   if (import_tamagui.isWeb) (0, import_theme3.ensureKeyboardModalityTracking)();
   const barSurface = (0, import_theme3.useBarSurface)();
-  const neutralGlyph = iconButton && !(theme ?? intent) && !barSurface && accentInk == null && inline !== true;
+  const neutralGlyph = iconButton && !(theme ?? intent) && !barSurface && !fieldGlyph && accentInk == null && inline !== true;
   if (iconButton) {
     chromeless = true;
-    accentInk = accentInk ?? (!(theme ?? intent) && (barSurface || inline === true));
+    accentInk = accentInk ?? (!(theme ?? intent) && (barSurface || fieldGlyph || inline === true));
   }
   const resolvedGlyphWeight = glyphWeight ?? (iconOnly ? "bold" : "regular");
   const elevatedGround = (0, import_theme3.useElevatedSurface)();
@@ -499,14 +507,14 @@ function Button({
   const resolvedChildren = children ?? labelFromParts;
   const ariaPressedProp = props["aria-pressed"];
   const isSelected = selected ?? (ariaPressedProp === true || ariaPressedProp === "true" ? true : void 0);
-  const selectedFill = Boolean(isSelected) && !unavailable && !mediaPlate;
+  const selectedFill = Boolean(isSelected) && !unavailable && !mediaPlate && !fieldGlyph;
   const barInk = accentInk && chromeless && !selectedFill && !unavailable && !confirmPlate ? labelled ? glyphTint.label : glyphTint.glyph : null;
   const inlineGlyph = iconButton && inline === true && !nested;
   const barGlyph = (iconButton || mediaPlate || confirmPlate) && !nested || labelled && chromeless && accentInk === true && edge === "start";
   const labelLine = labelLinePx(knobProps.body.fontFamily);
   const glyphFloor = iconButtonGlyphPx(labelLine);
   const glassGroup = groupGround === "glass";
-  const GlassView = iconButton && !inlineGlyph && !nested && accentInk && barSurface && !selectedFill && !glassGroup ? (0, import_glass.loadGlassView)() : null;
+  const GlassView = iconButton && !inlineGlyph && !nested && accentInk && barSurface && !fieldGlyph && !selectedFill && !glassGroup ? (0, import_glass.loadGlassView)() : null;
   const framedCircle = iconOnly && Boolean(circular) && !nested && !mediaPlate && !confirmPlate;
   const accentFillHex = confirmPlate ? accentSolidFill(hostThemeName) : null;
   const confirmInk = accentFillHex && (0, import_theme3.contrastRatio)((0, import_theme3.relativeLuminance)("#ffffff"), (0, import_theme3.relativeLuminance)(accentFillHex)) >= import_theme3.GLYPH_CONTRAST_FLOOR ? "#ffffff" : "$color";
@@ -641,9 +649,10 @@ function Button({
   } : mediaPlate ? {
     backgroundColor: "$shadow5"
   } : void 0;
+  const glyphPlated = Boolean(GlassView || groupGround || mediaPlate || confirmPlate || framedCircle);
   const glassInset = typeof resolvedBorderWidth === "number" ? -resolvedBorderWidth : 0;
-  const glyphEdgePull = GlassView || glassGroup ? 0 : iconButton ? -Math.max(0, (visualPx - iconSize) / 2) : edgePull;
-  const buttonElement = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(ButtonFrame, {
+  const glyphEdgePull = glyphPlated ? 0 : iconButton ? -Math.max(0, (visualPx - iconSize) / 2) : edgePull;
+  const buttonElement = /* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonFrame, {
     disabled: explainedDisable ? false : isDisabled || false,
     "aria-busy": loading || void 0,
     opacity: 1,
@@ -844,22 +853,25 @@ function Button({
       "aria-pressed": true,
       "data-mp-selected": "true"
     } : void 0),
-    children: [GlassView ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(GlassView, {
-      glassEffectStyle: "regular",
-      isInteractive: !unavailable,
-      colorScheme: darkScheme ? "dark" : "light",
-      style: {
-        position: "absolute",
-        top: glassInset,
-        right: glassInset,
-        bottom: glassInset,
-        left: glassInset,
-        borderRadius: visualPx / 2,
-        alignItems: "center",
-        justifyContent: "center"
-      },
-      children: iconElement
-    }) : iconElement, labelContent, iconAfterElement]
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_iconButtonGroupContext.GlyphPlateContext.Provider, {
+      value: glyphPlated,
+      children: [GlassView ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(GlassView, {
+        glassEffectStyle: "regular",
+        isInteractive: !unavailable,
+        colorScheme: darkScheme ? "dark" : "light",
+        style: {
+          position: "absolute",
+          top: glassInset,
+          right: glassInset,
+          bottom: glassInset,
+          left: glassInset,
+          borderRadius: visualPx / 2,
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        children: iconElement
+      }) : iconElement, labelContent, iconAfterElement]
+    })
   });
   const intentButton = activeThemeName ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
     name: activeThemeName,

package/dist/cjs/Button/index.native.js

@@ -36,7 +36,8 @@ __export(Button_exports, {
   buttonSizeRecipes: () => buttonSizeRecipes,
   iconButtonGlyphPx: () => iconButtonGlyphPx,
   labelLinePx: () => labelLinePx,
-  resolveButtonSizeRecipe: () => resolveButtonSizeRecipe
+  resolveButtonSizeRecipe: () => resolveButtonSizeRecipe,
+  useGlyphOnPlate: () => import_iconButtonGroupContext2.useGlyphOnPlate
 });
 module.exports = __toCommonJS(Button_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -62,6 +63,7 @@ var import_glass = require("./glass.native.js");
 var import_circleGlyph = require("./circleGlyph.native.js");
 var import_iconButtonGroupContext = require("./iconButtonGroupContext.native.js");
 var import_IconButtonGroup = require("./IconButtonGroup.native.js");
+var import_iconButtonGroupContext2 = require("./iconButtonGroupContext.native.js");
 function _type_of(obj) {
   "@swc/helpers - typeof";
 
@@ -431,18 +433,24 @@ function Button(param) {
   var grouped = (0, import_groupContext.useControlGrouped)();
   var labelled = verb != null || children != null && children !== false && children !== "";
   var iconOnly = !labelled && Boolean(icon || iconAfter);
-  var circular = circularProp && !(iconOnly && chromeless === true && plate == null);
+  var fieldSurface = (0, import_theme3.useFieldSurface)();
+  var fieldGlyph = iconOnly && fieldSurface;
+  if (fieldGlyph) {
+    outlined = false;
+    if (chromeless === false) chromeless = void 0;
+  }
+  var circular = circularProp && !fieldGlyph && !(iconOnly && chromeless === true && plate == null);
   var groupGround = (0, import_iconButtonGroupContext.useIconButtonGroupGround)();
   (0, import_iconButtonGroupContext.useIconButtonGroupMember)(iconOnly);
-  var mediaPlate = iconOnly && plate === "media" && groupGround !== "media";
-  var confirmPlate = iconOnly && primaryPlate;
+  var mediaPlate = iconOnly && plate === "media" && groupGround !== "media" && !fieldGlyph;
+  var confirmPlate = iconOnly && primaryPlate && !fieldGlyph;
   var iconButton = iconOnly && !mediaPlate && !confirmPlate && !grouped && chromeless !== false && outlined !== true && !circular;
   if (import_tamagui.isWeb) (0, import_theme3.ensureKeyboardModalityTracking)();
   var barSurface = (0, import_theme3.useBarSurface)();
-  var neutralGlyph = iconButton && !(theme !== null && theme !== void 0 ? theme : intent) && !barSurface && accentInk == null && inline !== true;
+  var neutralGlyph = iconButton && !(theme !== null && theme !== void 0 ? theme : intent) && !barSurface && !fieldGlyph && accentInk == null && inline !== true;
   if (iconButton) {
     chromeless = true;
-    accentInk = accentInk !== null && accentInk !== void 0 ? accentInk : !(theme !== null && theme !== void 0 ? theme : intent) && (barSurface || inline === true);
+    accentInk = accentInk !== null && accentInk !== void 0 ? accentInk : !(theme !== null && theme !== void 0 ? theme : intent) && (barSurface || fieldGlyph || inline === true);
   }
   var resolvedGlyphWeight = glyphWeight !== null && glyphWeight !== void 0 ? glyphWeight : iconOnly ? "bold" : "regular";
   var elevatedGround = (0, import_theme3.useElevatedSurface)();
@@ -557,14 +565,14 @@ function Button(param) {
   var resolvedChildren = children !== null && children !== void 0 ? children : labelFromParts;
   var ariaPressedProp = props["aria-pressed"];
   var isSelected = selected !== null && selected !== void 0 ? selected : ariaPressedProp === true || ariaPressedProp === "true" ? true : void 0;
-  var selectedFill = Boolean(isSelected) && !unavailable && !mediaPlate;
+  var selectedFill = Boolean(isSelected) && !unavailable && !mediaPlate && !fieldGlyph;
   var barInk = accentInk && chromeless && !selectedFill && !unavailable && !confirmPlate ? labelled ? glyphTint.label : glyphTint.glyph : null;
   var inlineGlyph = iconButton && inline === true && !nested;
   var barGlyph = (iconButton || mediaPlate || confirmPlate) && !nested || labelled && chromeless && accentInk === true && edge === "start";
   var labelLine = labelLinePx(knobProps.body.fontFamily);
   var glyphFloor = iconButtonGlyphPx(labelLine);
   var glassGroup = groupGround === "glass";
-  var GlassView = iconButton && !inlineGlyph && !nested && accentInk && barSurface && !selectedFill && !glassGroup ? (0, import_glass.loadGlassView)() : null;
+  var GlassView = iconButton && !inlineGlyph && !nested && accentInk && barSurface && !fieldGlyph && !selectedFill && !glassGroup ? (0, import_glass.loadGlassView)() : null;
   var framedCircle = iconOnly && Boolean(circular) && !nested && !mediaPlate && !confirmPlate;
   var accentFillHex = confirmPlate ? accentSolidFill(hostThemeName) : null;
   var confirmInk = accentFillHex && (0, import_theme3.contrastRatio)((0, import_theme3.relativeLuminance)("#ffffff"), (0, import_theme3.relativeLuminance)(accentFillHex)) >= import_theme3.GLYPH_CONTRAST_FLOOR ? "#ffffff" : "$color";
@@ -707,9 +715,10 @@ function Button(param) {
   } : mediaPlate ? {
     backgroundColor: "$shadow5"
   } : void 0;
+  var glyphPlated = Boolean(GlassView || groupGround || mediaPlate || confirmPlate || framedCircle);
   var glassInset = typeof resolvedBorderWidth === "number" ? -resolvedBorderWidth : 0;
-  var glyphEdgePull = GlassView || glassGroup ? 0 : iconButton ? -Math.max(0, (visualPx - iconSize) / 2) : edgePull;
-  var buttonElement = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(ButtonFrame, {
+  var glyphEdgePull = glyphPlated ? 0 : iconButton ? -Math.max(0, (visualPx - iconSize) / 2) : edgePull;
+  var buttonElement = /* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonFrame, {
     // DG-ST-03: an explained disable is aria-disabled (focusable, press
     // swallowed in handlePress) instead of a natively disabled dead end.
     disabled: explainedDisable ? false : isDisabled || false,
@@ -954,22 +963,25 @@ function Button(param) {
       "aria-pressed": true,
       "data-mp-selected": "true"
     } : void 0),
-    children: [GlassView ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(GlassView, {
-      glassEffectStyle: "regular",
-      isInteractive: !unavailable,
-      colorScheme: darkScheme ? "dark" : "light",
-      style: {
-        position: "absolute",
-        top: glassInset,
-        right: glassInset,
-        bottom: glassInset,
-        left: glassInset,
-        borderRadius: visualPx / 2,
-        alignItems: "center",
-        justifyContent: "center"
-      },
-      children: iconElement
-    }) : iconElement, labelContent, iconAfterElement]
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_iconButtonGroupContext.GlyphPlateContext.Provider, {
+      value: glyphPlated,
+      children: [GlassView ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(GlassView, {
+        glassEffectStyle: "regular",
+        isInteractive: !unavailable,
+        colorScheme: darkScheme ? "dark" : "light",
+        style: {
+          position: "absolute",
+          top: glassInset,
+          right: glassInset,
+          bottom: glassInset,
+          left: glassInset,
+          borderRadius: visualPx / 2,
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        children: iconElement
+      }) : iconElement, labelContent, iconAfterElement]
+    })
   });
   var intentButton = activeThemeName ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
     name: activeThemeName,