@multiplatform.one/forms 7.71.0 → 7.73.0

package/dist/cjs/FloatingPanel/echoContext.cjs

@@ -0,0 +1,67 @@
+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 echoContext_exports = {};
+__export(echoContext_exports, {
+  PanelEchoContext: () => PanelEchoContext,
+  PanelIconEchoBoxContext: () => PanelIconEchoBoxContext,
+  PanelTriggerRadiusContext: () => PanelTriggerRadiusContext,
+  echoHeaderBox: () => echoHeaderBox,
+  sameEchoBox: () => sameEchoBox,
+  useInPanelEcho: () => useInPanelEcho,
+  usePanelIconEchoBox: () => usePanelIconEchoBox,
+  usePanelTriggerRadiusReporter: () => usePanelTriggerRadiusReporter
+});
+module.exports = __toCommonJS(echoContext_exports);
+var import_react = require("react");
+const PanelEchoContext = (0, import_react.createContext)(false);
+function useInPanelEcho() {
+  return (0, import_react.useContext)(PanelEchoContext);
+}
+const PanelTriggerRadiusContext = (0, import_react.createContext)(null);
+function usePanelTriggerRadiusReporter() {
+  return (0, import_react.useContext)(PanelTriggerRadiusContext);
+}
+const PanelIconEchoBoxContext = (0, import_react.createContext)(null);
+function usePanelIconEchoBox() {
+  return (0, import_react.useContext)(PanelIconEchoBoxContext);
+}
+function echoHeaderBox({
+  offset,
+  width,
+  height,
+  panelWidth,
+  rtl = false
+}) {
+  const atStart = offset + width / 2 < panelWidth / 2;
+  const start = atStart ? Math.max(0, offset + width) : 0;
+  const end = atStart ? 0 : Math.max(0, panelWidth - offset);
+  return {
+    height,
+    left: rtl ? end : start,
+    right: rtl ? start : end
+  };
+}
+function sameEchoBox(a, b) {
+  if (a == null || b == null) return a === b;
+  return a.height === b.height && a.left === b.left && a.right === b.right;
+}

package/dist/cjs/FloatingPanel/echoContext.native.js

@@ -0,0 +1,71 @@
+"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 echoContext_exports = {};
+__export(echoContext_exports, {
+  PanelEchoContext: () => PanelEchoContext,
+  PanelIconEchoBoxContext: () => PanelIconEchoBoxContext,
+  PanelTriggerRadiusContext: () => PanelTriggerRadiusContext,
+  echoHeaderBox: () => echoHeaderBox,
+  sameEchoBox: () => sameEchoBox,
+  useInPanelEcho: () => useInPanelEcho,
+  usePanelIconEchoBox: () => usePanelIconEchoBox,
+  usePanelTriggerRadiusReporter: () => usePanelTriggerRadiusReporter
+});
+module.exports = __toCommonJS(echoContext_exports);
+var import_react = require("react");
+var PanelEchoContext = (0, import_react.createContext)(false);
+function useInPanelEcho() {
+  return (0, import_react.useContext)(PanelEchoContext);
+}
+var PanelTriggerRadiusContext = (0, import_react.createContext)(null);
+function usePanelTriggerRadiusReporter() {
+  return (0, import_react.useContext)(PanelTriggerRadiusContext);
+}
+var PanelIconEchoBoxContext = (0, import_react.createContext)(null);
+function usePanelIconEchoBox() {
+  return (0, import_react.useContext)(PanelIconEchoBoxContext);
+}
+function echoHeaderBox(param) {
+  var {
+    offset,
+    width,
+    height,
+    panelWidth,
+    rtl = false
+  } = param;
+  var atStart = offset + width / 2 < panelWidth / 2;
+  var start = atStart ? Math.max(0, offset + width) : 0;
+  var end = atStart ? 0 : Math.max(0, panelWidth - offset);
+  return {
+    height,
+    left: rtl ? end : start,
+    right: rtl ? start : end
+  };
+}
+function sameEchoBox(a, b) {
+  if (a == null || b == null) return a === b;
+  return a.height === b.height && a.left === b.left && a.right === b.right;
+}
+//# sourceMappingURL=echoContext.native.js.map

package/dist/cjs/FloatingPanel/echoContext.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","echoContext_exports","PanelEchoContext","PanelIconEchoBoxContext","PanelTriggerRadiusContext","echoHeaderBox","sameEchoBox","useInPanelEcho","usePanelIconEchoBox","usePanelTriggerRadiusReporter","module","exports","import_react","require","createContext","useContext","param","offset","width","height","panelWidth","rtl","atStart","start","Math","max","end","left","right","a","b"],"sources":["echoContext.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 echoContext_exports = {};\n__export(echoContext_exports, {\n  PanelEchoContext: () => PanelEchoContext,\n  PanelIconEchoBoxContext: () => PanelIconEchoBoxContext,\n  PanelTriggerRadiusContext: () => PanelTriggerRadiusContext,\n  echoHeaderBox: () => echoHeaderBox,\n  sameEchoBox: () => sameEchoBox,\n  useInPanelEcho: () => useInPanelEcho,\n  usePanelIconEchoBox: () => usePanelIconEchoBox,\n  usePanelTriggerRadiusReporter: () => usePanelTriggerRadiusReporter\n});\nmodule.exports = __toCommonJS(echoContext_exports);\nvar import_react = require(\"react\");\nvar PanelEchoContext = (0, import_react.createContext)(false);\nfunction useInPanelEcho() {\n  return (0, import_react.useContext)(PanelEchoContext);\n}\nvar PanelTriggerRadiusContext = (0, import_react.createContext)(null);\nfunction usePanelTriggerRadiusReporter() {\n  return (0, import_react.useContext)(PanelTriggerRadiusContext);\n}\nvar PanelIconEchoBoxContext = (0, import_react.createContext)(null);\nfunction usePanelIconEchoBox() {\n  return (0, import_react.useContext)(PanelIconEchoBoxContext);\n}\nfunction echoHeaderBox(param) {\n  var { offset, width, height, panelWidth, rtl = false } = param;\n  var atStart = offset + width / 2 < panelWidth / 2;\n  var start = atStart ? Math.max(0, offset + width) : 0;\n  var end = atStart ? 0 : Math.max(0, panelWidth - offset);\n  return {\n    height,\n    left: rtl ? end : start,\n    right: rtl ? start : end\n  };\n}\nfunction sameEchoBox(a, b) {\n  if (a == null || b == null) return a === b;\n  return a.height === b.height && a.left === b.left && a.right === b.right;\n}\n//# sourceMappingURL=echoContext.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/FloatingPanel/iconEcho.cjs

@@ -0,0 +1,104 @@
+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 iconEcho_exports = {};
+__export(iconEcho_exports, {
+  ICON_ECHO_TEST_ID: () => ICON_ECHO_TEST_ID,
+  iconEchoElement: () => iconEchoElement,
+  iconEchoOverlays: () => iconEchoOverlays
+});
+module.exports = __toCommonJS(iconEcho_exports);
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_circleGlyph = require("../Button/circleGlyph.cjs");
+var import_t = require("../shared/t.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const ICON_ECHO_TEST_ID = "floating-panel-icon-echo";
+const DROPPED_PROPS = ["id", "onLongPress", "onKeyDown", "onContextMenu", "aria-haspopup", "aria-expanded", "aria-controls", "aria-describedby", "tooltip"];
+function iconEchoOverlays(kind, up) {
+  return kind === "close" && !up;
+}
+function iconEchoElement(trigger, kind, onClose, surface) {
+  const echo = echoOf(trigger, kind, onClose);
+  if (echo == null || !surface) return echo;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme.SurfaceContext.Provider, {
+    ...surface,
+    children: echo
+  });
+}
+function echoOf(trigger, _kind, onClose) {
+  if (!(0, import_react2.isValidElement)(trigger)) return null;
+  const props = trigger.props;
+  const label = (0, import_t.t)("Close");
+  const dropped = Object.fromEntries(DROPPED_PROPS.map(name => [name, void 0]));
+  if (props.icon != null) {
+    return (0, import_react2.cloneElement)(trigger, {
+      ...dropped,
+      ref: null,
+      icon: import_react.XIcon,
+      "aria-label": label,
+      onPress: onClose,
+      testID: ICON_ECHO_TEST_ID,
+      "data-testid": ICON_ECHO_TEST_ID
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CircleClose, {
+    label,
+    onClose
+  });
+}
+const avatarPlate = "$selectedBackground";
+const circleGlyphFallbackPx = 18;
+function CircleClose({
+  label,
+  onClose
+}) {
+  const theme = (0, import_tamagui.useTheme)();
+  const [side, setSide] = (0, import_react2.useState)(0);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    role: "button",
+    "aria-label": label,
+    tabIndex: 0,
+    cursor: "pointer",
+    width: "100%",
+    height: "100%",
+    borderRadius: 1e5,
+    backgroundColor: avatarPlate,
+    alignItems: "center",
+    justifyContent: "center",
+    pressStyle: {
+      opacity: 0.6
+    },
+    onPress: onClose,
+    onLayout: event => setSide(Math.min(event.nativeEvent.layout.width, event.nativeEvent.layout.height)),
+    testID: ICON_ECHO_TEST_ID,
+    "data-testid": ICON_ECHO_TEST_ID,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.XIcon, {
+      size: side > 0 ? Math.round(side * import_circleGlyph.ICON_BUTTON_CIRCLE_GLYPH_RATIO) : circleGlyphFallbackPx,
+      weight: "bold",
+      color: theme.selectedColor?.val ?? theme.color?.val,
+      "aria-hidden": true
+    })
+  });
+}

package/dist/cjs/FloatingPanel/iconEcho.native.js

@@ -0,0 +1,114 @@
+"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 iconEcho_exports = {};
+__export(iconEcho_exports, {
+  ICON_ECHO_TEST_ID: () => ICON_ECHO_TEST_ID,
+  iconEchoElement: () => iconEchoElement,
+  iconEchoOverlays: () => iconEchoOverlays
+});
+module.exports = __toCommonJS(iconEcho_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_circleGlyph = require("../Button/circleGlyph.native.js");
+var import_t = require("../shared/t.native.js");
+var ICON_ECHO_TEST_ID = "floating-panel-icon-echo";
+var DROPPED_PROPS = ["id", "onLongPress", "onKeyDown", "onContextMenu", "aria-haspopup", "aria-expanded", "aria-controls", "aria-describedby", "tooltip"];
+function iconEchoOverlays(kind, up) {
+  return kind === "close" && !up;
+}
+function iconEchoElement(trigger, kind, onClose, surface) {
+  var echo = echoOf(trigger, kind, onClose);
+  if (echo == null || !surface) return echo;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme.SurfaceContext.Provider, {
+    ...surface,
+    children: echo
+  });
+}
+function echoOf(trigger, _kind, onClose) {
+  if (! /* @__PURE__ */(0, import_react2.isValidElement)(trigger)) return null;
+  var props = trigger.props;
+  var label = (0, import_t.t)("Close");
+  var dropped = Object.fromEntries(DROPPED_PROPS.map(function (name) {
+    return [name, void 0];
+  }));
+  if (props.icon != null) {
+    return /* @__PURE__ */(0, import_react2.cloneElement)(trigger, {
+      ...dropped,
+      ref: null,
+      icon: import_react.XIcon,
+      "aria-label": label,
+      onPress: onClose,
+      testID: ICON_ECHO_TEST_ID,
+      "data-testid": ICON_ECHO_TEST_ID
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CircleClose, {
+    label,
+    onClose
+  });
+}
+var avatarPlate = "$selectedBackground";
+var circleGlyphFallbackPx = 18;
+function CircleClose(param) {
+  var {
+    label,
+    onClose
+  } = param;
+  var _ref;
+  var _theme_selectedColor, _theme_color;
+  var theme = (0, import_tamagui.useTheme)();
+  var [side, setSide] = (0, import_react2.useState)(0);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    role: "button",
+    "aria-label": label,
+    tabIndex: 0,
+    cursor: "pointer",
+    width: "100%",
+    height: "100%",
+    borderRadius: 1e5,
+    backgroundColor: avatarPlate,
+    alignItems: "center",
+    justifyContent: "center",
+    pressStyle: {
+      opacity: 0.6
+    },
+    onPress: onClose,
+    onLayout: function onLayout(event) {
+      return setSide(Math.min(event.nativeEvent.layout.width, event.nativeEvent.layout.height));
+    },
+    testID: ICON_ECHO_TEST_ID,
+    "data-testid": ICON_ECHO_TEST_ID,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.XIcon, {
+      size: side > 0 ? Math.round(side * import_circleGlyph.ICON_BUTTON_CIRCLE_GLYPH_RATIO) : circleGlyphFallbackPx,
+      weight: "bold",
+      color: (_ref = (_theme_selectedColor = theme.selectedColor) === null || _theme_selectedColor === void 0 ? void 0 : _theme_selectedColor.val) !== null && _ref !== void 0 ? _ref : (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.val,
+      "aria-hidden": true
+    })
+  });
+}
+//# sourceMappingURL=iconEcho.native.js.map

package/dist/cjs/FloatingPanel/iconEcho.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","iconEcho_exports","ICON_ECHO_TEST_ID","iconEchoElement","iconEchoOverlays","module","exports","import_jsx_runtime","require","import_react","import_react2","import_theme","import_tamagui","import_circleGlyph","import_t","DROPPED_PROPS","kind","up","trigger","onClose","surface","echo","echoOf","jsx","SurfaceContext","Provider","children","_kind","isValidElement","props","label","t","dropped","fromEntries","map","icon","cloneElement","ref","XIcon","onPress","testID","CircleClose","avatarPlate","circleGlyphFallbackPx","param","_ref","_theme_selectedColor","_theme_color","theme","useTheme","side","setSide","useState","View","role","tabIndex","cursor","width","height","borderRadius","backgroundColor","alignItems","justifyContent","pressStyle","opacity","onLayout","event","Math","min","nativeEvent","layout","size","round","ICON_BUTTON_CIRCLE_GLYPH_RATIO","weight","color","selectedColor","val"],"sources":["iconEcho.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 iconEcho_exports = {};\n__export(iconEcho_exports, {\n  ICON_ECHO_TEST_ID: () => ICON_ECHO_TEST_ID,\n  iconEchoElement: () => iconEchoElement,\n  iconEchoOverlays: () => iconEchoOverlays\n});\nmodule.exports = __toCommonJS(iconEcho_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = require(\"@phosphor-icons/react\");\nvar import_react2 = require(\"react\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_tamagui = require(\"tamagui\");\nvar import_circleGlyph = require(\"../Button/circleGlyph\");\nvar import_t = require(\"../shared/t\");\nvar ICON_ECHO_TEST_ID = \"floating-panel-icon-echo\";\nvar DROPPED_PROPS = [\n  \"id\",\n  \"onLongPress\",\n  \"onKeyDown\",\n  \"onContextMenu\",\n  \"aria-haspopup\",\n  \"aria-expanded\",\n  \"aria-controls\",\n  \"aria-describedby\",\n  \"tooltip\"\n];\nfunction iconEchoOverlays(kind, up) {\n  return kind === \"close\" && !up;\n}\nfunction iconEchoElement(trigger, kind, onClose, surface) {\n  var echo = echoOf(trigger, kind, onClose);\n  if (echo == null || !surface) return echo;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme.SurfaceContext.Provider, {\n    ...surface,\n    children: echo\n  });\n}\nfunction echoOf(trigger, _kind, onClose) {\n  if (!/* @__PURE__ */ (0, import_react2.isValidElement)(trigger)) return null;\n  var props = trigger.props;\n  var label = (0, import_t.t)(\"Close\");\n  var dropped = Object.fromEntries(DROPPED_PROPS.map(function(name) {\n    return [\n      name,\n      void 0\n    ];\n  }));\n  if (props.icon != null) {\n    return /* @__PURE__ */ (0, import_react2.cloneElement)(trigger, {\n      ...dropped,\n      ref: null,\n      icon: import_react.XIcon,\n      \"aria-label\": label,\n      onPress: onClose,\n      testID: ICON_ECHO_TEST_ID,\n      \"data-testid\": ICON_ECHO_TEST_ID\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleClose, {\n    label,\n    onClose\n  });\n}\nvar avatarPlate = \"$selectedBackground\";\nvar circleGlyphFallbackPx = 18;\nfunction CircleClose(param) {\n  var { label, onClose } = param;\n  var _ref;\n  var _theme_selectedColor, _theme_color;\n  var theme = (0, import_tamagui.useTheme)();\n  var [side, setSide] = (0, import_react2.useState)(0);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n    role: \"button\",\n    \"aria-label\": label,\n    tabIndex: 0,\n    cursor: \"pointer\",\n    width: \"100%\",\n    height: \"100%\",\n    borderRadius: 1e5,\n    backgroundColor: avatarPlate,\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    pressStyle: {\n      opacity: 0.6\n    },\n    onPress: onClose,\n    onLayout: function onLayout(event) {\n      return setSide(Math.min(event.nativeEvent.layout.width, event.nativeEvent.layout.height));\n    },\n    testID: ICON_ECHO_TEST_ID,\n    \"data-testid\": ICON_ECHO_TEST_ID,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.XIcon, {\n      size: side > 0 ? Math.round(side * import_circleGlyph.ICON_BUTTON_CIRCLE_GLYPH_RATIO) : circleGlyphFallbackPx,\n      weight: \"bold\",\n      color: (_ref = (_theme_selectedColor = theme.selectedColor) === null || _theme_selectedColor === void 0 ? void 0 : _theme_selectedColor.val) !== null && _ref !== void 0 ? _ref : (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.val,\n      \"aria-hidden\": true\n    })\n  });\n}\n//# sourceMappingURL=iconEcho.js.map\n"],"mappings":"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","ignoreList":[]}