@multiplatform.one/forms 7.71.0 → 7.73.0

package/dist/cjs/Button/circleGlyph.cjs

@@ -0,0 +1,28 @@
+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 circleGlyph_exports = {};
+__export(circleGlyph_exports, {
+  ICON_BUTTON_CIRCLE_GLYPH_RATIO: () => ICON_BUTTON_CIRCLE_GLYPH_RATIO
+});
+module.exports = __toCommonJS(circleGlyph_exports);
+const ICON_BUTTON_CIRCLE_GLYPH_RATIO = 0.58;

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

@@ -0,0 +1,31 @@
+"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 circleGlyph_exports = {};
+__export(circleGlyph_exports, {
+  ICON_BUTTON_CIRCLE_GLYPH_RATIO: () => ICON_BUTTON_CIRCLE_GLYPH_RATIO
+});
+module.exports = __toCommonJS(circleGlyph_exports);
+var ICON_BUTTON_CIRCLE_GLYPH_RATIO = 0.58;
+//# sourceMappingURL=circleGlyph.native.js.map

package/dist/cjs/Button/circleGlyph.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","circleGlyph_exports","ICON_BUTTON_CIRCLE_GLYPH_RATIO","module","exports"],"sources":["circleGlyph.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar circleGlyph_exports = {};\n__export(circleGlyph_exports, {\n  ICON_BUTTON_CIRCLE_GLYPH_RATIO: () => ICON_BUTTON_CIRCLE_GLYPH_RATIO\n});\nmodule.exports = __toCommonJS(circleGlyph_exports);\nvar ICON_BUTTON_CIRCLE_GLYPH_RATIO = 0.58;\n//# sourceMappingURL=circleGlyph.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,QAAQ,GAAGA,CAACC,MAAM,EAAEC,GAAG,KAAK;EAC9B,KAAK,IAAIC,IAAI,IAAID,GAAG,EAClBZ,SAAS,CAACW,MAAM,EAAEE,IAAI,EAAE;IAAEC,GAAG,EAAEF,GAAG,CAACC,IAAI,CAAC;IAAEE,UAAU,EAAE;EAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIhB,iBAAiB,CAACa,IAAI,CAAC,EACrC,IAAI,CAACX,YAAY,CAACe,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/CnB,SAAS,CAACiB,EAAE,EAAEI,GAAG,EAAE;MAAEP,GAAG,EAAEA,CAAA,KAAMI,IAAI,CAACG,GAAG,CAAC;MAAEN,UAAU,EAAE,EAAEK,IAAI,GAAGjB,gBAAgB,CAACe,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACL;IAAW,CAAC,CAAC;EACxH;EACA,OAAOE,EAAE;AACX,CAAC;AACD,IAAIM,YAAY,GAAIC,GAAG,IAAKR,WAAW,CAAChB,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEyB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAED,GAAG,CAAC;AAC1F,IAAIE,mBAAmB,GAAG,CAAC,CAAC;AAC5BhB,QAAQ,CAACgB,mBAAmB,EAAE;EAC5BC,8BAA8B,EAAEA,CAAA,KAAMA;AACxC,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGN,YAAY,CAACG,mBAAmB,CAAC;AAClD,IAAIC,8BAA8B,GAAG,IAAI","ignoreList":[]}

package/dist/cjs/Button/index.cjs

@@ -24,7 +24,7 @@ var Button_exports = {};
 __export(Button_exports, {
   Button: () => Button,
   ButtonFrame: () => ButtonFrame,
-  ICON_BUTTON_CIRCLE_GLYPH_RATIO: () => ICON_BUTTON_CIRCLE_GLYPH_RATIO,
+  ICON_BUTTON_CIRCLE_GLYPH_RATIO: () => import_circleGlyph.ICON_BUTTON_CIRCLE_GLYPH_RATIO,
   ICON_BUTTON_GLASS_MERGE_PX: () => import_IconButtonGroup.ICON_BUTTON_GLASS_MERGE_PX,
   ICON_BUTTON_GLYPH_PX: () => ICON_BUTTON_GLYPH_PX,
   ICON_BUTTON_NEUTRAL_GLYPH_PX: () => ICON_BUTTON_NEUTRAL_GLYPH_PX,
@@ -54,8 +54,10 @@ var import_actionLabel = require("../actionLabel.cjs");
 var import_colorRamps = require("../shared/colorRamps.cjs");
 var import_devWarn = require("../shared/devWarn.cjs");
 var import_groupContext = require("../shared/groupContext.cjs");
+var import_echoContext = require("../FloatingPanel/echoContext.cjs");
 var import_glass = require("./glass.cjs");
 var import_mediaPlate = require("./mediaPlate.cjs");
+var import_circleGlyph = require("./circleGlyph.cjs");
 var import_iconButtonGroupContext = require("./iconButtonGroupContext.cjs");
 var import_IconButtonGroup = require("./IconButtonGroup.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -230,7 +232,6 @@ function iconButtonGlyphPx(rowLinePx) {
   if (rowLinePx === void 0) return ICON_BUTTON_GLYPH_PX;
   return Math.max(ICON_BUTTON_GLYPH_PX, Math.round(rowLinePx / PHOSPHOR_INK_RATIO));
 }
-const ICON_BUTTON_CIRCLE_GLYPH_RATIO = 0.58;
 const INLINE_GLYPH_RATIO = 1.2;
 function withGlyphWeight(icon, size, weight) {
   if (icon == null || icon === false) return icon;
@@ -382,6 +383,14 @@ function Button({
   const radiusStop = typeof radiusToken === "string" ? import_theme3.SIZE_RECIPE_RADIUS_TOKEN_TO_STOP[radiusToken] : void 0;
   const paintedRadius = (0, import_theme3.resolveControlRadius)(recipe, radiusStop ?? "medium");
   const innerGap = paintedRadius.gap;
+  const inPanelEcho = (0, import_echoContext.useInPanelEcho)();
+  const reportRadius = (0, import_echoContext.usePanelTriggerRadiusReporter)();
+  const reportedRadius = circular ? Number.POSITIVE_INFINITY : paintedRadius.radius;
+  (0, import_react.useEffect)(() => {
+    if (reportRadius && !inPanelEcho && !Number.isNaN(reportedRadius)) {
+      reportRadius(reportedRadius);
+    }
+  }, [reportRadius, inPanelEcho, reportedRadius]);
   const boneHeight = nested ? knobProps.nestedControl.px : recipe.height;
   if (skeleton) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
@@ -472,7 +481,7 @@ function Button({
   const GlassView = iconButton && !inlineGlyph && !nested && accentInk && barSurface && !selectedFill && !glassGroup ? (0, import_glass.loadGlassView)() : null;
   const framedCircle = iconOnly && Boolean(circular) && !nested && !mediaPlate && !confirmPlate;
   const framedCirclePx = touch && typeof sizeProp !== "number" ? Math.max(sizeTokenPx(resolvedSize), import_theme3.MIN_PRESS_TARGET) : sizeTokenPx(resolvedSize);
-  const iconSize = nested ? Math.min(recipe.iconSize, Math.max(12, Math.round(knobProps.nestedControl.px * 0.45))) : framedCircle ? Math.round(framedCirclePx * ICON_BUTTON_CIRCLE_GLYPH_RATIO) : inlineGlyph ? Math.round(recipe.fontSize * INLINE_GLYPH_RATIO) : barGlyph ? touch ? Math.max(glyphFloor, resolveButtonSizeRecipe("$6", recipeFamily, touch).iconSize) :
+  const iconSize = nested ? Math.min(recipe.iconSize, Math.max(12, Math.round(knobProps.nestedControl.px * 0.45))) : framedCircle ? Math.round(framedCirclePx * import_circleGlyph.ICON_BUTTON_CIRCLE_GLYPH_RATIO) : inlineGlyph ? Math.round(recipe.fontSize * INLINE_GLYPH_RATIO) : barGlyph ? touch ? Math.max(glyphFloor, resolveButtonSizeRecipe("$6", recipeFamily, touch).iconSize) :
   // A pointer toolbar keeps its token box (LC-54); the glyph fills it
   // up to the same floor.
   Math.max(recipe.iconSize, Math.min(glyphFloor, recipe.height - 8)) : recipe.iconSize;
@@ -758,6 +767,13 @@ function Button({
       elevation: void 0,
       height: "100%"
     } : void 0),
+    ...(inPanelEcho ? {
+      borderColor: "transparent",
+      backgroundColor: "transparent",
+      elevation: void 0,
+      shadowColor: "transparent",
+      shadowOpacity: 0
+    } : void 0),
     ...(resolvedRole ? {
       "data-mp-action-role": resolvedRole
     } : void 0),

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

@@ -26,7 +26,7 @@ var Button_exports = {};
 __export(Button_exports, {
   Button: () => Button,
   ButtonFrame: () => ButtonFrame,
-  ICON_BUTTON_CIRCLE_GLYPH_RATIO: () => ICON_BUTTON_CIRCLE_GLYPH_RATIO,
+  ICON_BUTTON_CIRCLE_GLYPH_RATIO: () => import_circleGlyph.ICON_BUTTON_CIRCLE_GLYPH_RATIO,
   ICON_BUTTON_GLASS_MERGE_PX: () => import_IconButtonGroup.ICON_BUTTON_GLASS_MERGE_PX,
   ICON_BUTTON_GLYPH_PX: () => ICON_BUTTON_GLYPH_PX,
   ICON_BUTTON_NEUTRAL_GLYPH_PX: () => ICON_BUTTON_NEUTRAL_GLYPH_PX,
@@ -57,8 +57,10 @@ var import_actionLabel = require("../actionLabel.native.js");
 var import_colorRamps = require("../shared/colorRamps.native.js");
 var import_devWarn = require("../shared/devWarn.native.js");
 var import_groupContext = require("../shared/groupContext.native.js");
+var import_echoContext = require("../FloatingPanel/echoContext.native.js");
 var import_glass = require("./glass.native.js");
 var import_mediaPlate = require("./mediaPlate.native.js");
+var import_circleGlyph = require("./circleGlyph.native.js");
 var import_iconButtonGroupContext = require("./iconButtonGroupContext.native.js");
 var import_IconButtonGroup = require("./IconButtonGroup.native.js");
 function _type_of(obj) {
@@ -265,7 +267,6 @@ function iconButtonGlyphPx(rowLinePx) {
   if (rowLinePx === void 0) return ICON_BUTTON_GLYPH_PX;
   return Math.max(ICON_BUTTON_GLYPH_PX, Math.round(rowLinePx / PHOSPHOR_INK_RATIO));
 }
-var ICON_BUTTON_CIRCLE_GLYPH_RATIO = 0.58;
 var INLINE_GLYPH_RATIO = 1.2;
 function withGlyphWeight(icon, size, weight) {
   if (icon == null || icon === false) return icon;
@@ -423,6 +424,14 @@ function Button(param) {
   var radiusStop = typeof radiusToken === "string" ? import_theme3.SIZE_RECIPE_RADIUS_TOKEN_TO_STOP[radiusToken] : void 0;
   var paintedRadius = (0, import_theme3.resolveControlRadius)(recipe, radiusStop !== null && radiusStop !== void 0 ? radiusStop : "medium");
   var innerGap = paintedRadius.gap;
+  var inPanelEcho = (0, import_echoContext.useInPanelEcho)();
+  var reportRadius = (0, import_echoContext.usePanelTriggerRadiusReporter)();
+  var reportedRadius = circular ? Number.POSITIVE_INFINITY : paintedRadius.radius;
+  (0, import_react.useEffect)(function () {
+    if (reportRadius && !inPanelEcho && !Number.isNaN(reportedRadius)) {
+      reportRadius(reportedRadius);
+    }
+  }, [reportRadius, inPanelEcho, reportedRadius]);
   var boneHeight = nested ? knobProps.nestedControl.px : recipe.height;
   if (skeleton) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
@@ -525,7 +534,7 @@ function Button(param) {
   var GlassView = iconButton && !inlineGlyph && !nested && accentInk && barSurface && !selectedFill && !glassGroup ? (0, import_glass.loadGlassView)() : null;
   var framedCircle = iconOnly && Boolean(circular) && !nested && !mediaPlate && !confirmPlate;
   var framedCirclePx = touch && typeof sizeProp !== "number" ? Math.max(sizeTokenPx(resolvedSize), import_theme3.MIN_PRESS_TARGET) : sizeTokenPx(resolvedSize);
-  var iconSize = nested ? Math.min(recipe.iconSize, Math.max(12, Math.round(knobProps.nestedControl.px * 0.45))) : framedCircle ? Math.round(framedCirclePx * ICON_BUTTON_CIRCLE_GLYPH_RATIO) : inlineGlyph ? Math.round(recipe.fontSize * INLINE_GLYPH_RATIO) : barGlyph ? touch ? Math.max(glyphFloor, resolveButtonSizeRecipe("$6", recipeFamily, touch).iconSize) :
+  var iconSize = nested ? Math.min(recipe.iconSize, Math.max(12, Math.round(knobProps.nestedControl.px * 0.45))) : framedCircle ? Math.round(framedCirclePx * import_circleGlyph.ICON_BUTTON_CIRCLE_GLYPH_RATIO) : inlineGlyph ? Math.round(recipe.fontSize * INLINE_GLYPH_RATIO) : barGlyph ? touch ? Math.max(glyphFloor, resolveButtonSizeRecipe("$6", recipeFamily, touch).iconSize) :
   // A pointer toolbar keeps its token box (LC-54); the glyph fills it
   // up to the same floor.
   Math.max(recipe.iconSize, Math.min(glyphFloor, recipe.height - 8)) : recipe.iconSize;
@@ -860,6 +869,13 @@ function Button(param) {
       elevation: void 0,
       height: "100%"
     } : void 0),
+    ...(inPanelEcho ? {
+      borderColor: "transparent",
+      backgroundColor: "transparent",
+      elevation: void 0,
+      shadowColor: "transparent",
+      shadowOpacity: 0
+    } : void 0),
     ...(resolvedRole ? {
       "data-mp-action-role": resolvedRole
     } : void 0),