@multiplatform.one/forms 7.77.0 → 7.77.2

package/dist/cjs/Button/IconButtonGroup.cjs

@@ -47,6 +47,23 @@ function IconButtonGroup({
     setMembers(count => count + 1);
     return () => setMembers(count => count - 1);
   }, []);
+  const capsuleRef = (0, import_react.useRef)(null);
+  const surface = (0, import_react.useMemo)(() => ({
+    measure(callback) {
+      const node = capsuleRef.current;
+      if (typeof node?.measureInWindow !== "function") {
+        callback(null);
+        return;
+      }
+      node.measureInWindow((x, y, width, height) => callback(width > 0 && height > 0 ? {
+        x,
+        y,
+        width,
+        height,
+        radius: height / 2
+      } : null));
+    }
+  }), []);
   if (plate === "media") {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupContext.Provider, {
       value: "media",
@@ -101,10 +118,15 @@ function IconButtonGroup({
     });
   }
   const GlassView = bar ? (0, import_glass.loadGlassView)() : null;
+  const capsule = GlassView != null && members > 0;
   const row = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
     alignItems: "center",
-    "data-mp-icon-button-group": GlassView && members > 0 ? "glass" : bar ? "bar" : "row",
+    "data-mp-icon-button-group": capsule ? "glass" : bar ? "bar" : "row",
     ...rest,
+    ...(capsule ? {
+      paddingHorizontal: "$2",
+      gap: "$1"
+    } : null),
     children
   });
   if (!GlassView) return row;
@@ -112,23 +134,28 @@ function IconButtonGroup({
     value: register,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupContext.Provider, {
       value: "glass",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
-        position: "relative",
-        flexShrink: 1,
-        minWidth: 0,
-        onLayout: event => setCapsuleHeight(event.nativeEvent.layout.height),
-        children: [members > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(GlassView, {
-          glassEffectStyle: "regular",
-          pointerEvents: "none",
-          style: {
-            position: "absolute",
-            top: 0,
-            right: 0,
-            bottom: 0,
-            left: 0,
-            borderRadius: capsuleHeight / 2
-          }
-        }) : null, row]
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupSurfaceContext.Provider, {
+        value: members > 0 ? surface : null,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+          ref: capsuleRef,
+          collapsable: false,
+          position: "relative",
+          flexShrink: 1,
+          minWidth: 0,
+          onLayout: event => setCapsuleHeight(event.nativeEvent.layout.height),
+          children: [members > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(GlassView, {
+            glassEffectStyle: "regular",
+            pointerEvents: "none",
+            style: {
+              position: "absolute",
+              top: 0,
+              right: 0,
+              bottom: 0,
+              left: 0,
+              borderRadius: capsuleHeight / 2
+            }
+          }) : null, row]
+        })
       })
     })
   });

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

@@ -56,6 +56,27 @@ function IconButtonGroup(param) {
       });
     };
   }, []);
+  var capsuleRef = (0, import_react.useRef)(null);
+  var surface = (0, import_react.useMemo)(function () {
+    return {
+      measure(callback) {
+        var node = capsuleRef.current;
+        if (typeof (node === null || node === void 0 ? void 0 : node.measureInWindow) !== "function") {
+          callback(null);
+          return;
+        }
+        node.measureInWindow(function (x, y, width, height) {
+          return callback(width > 0 && height > 0 ? {
+            x,
+            y,
+            width,
+            height,
+            radius: height / 2
+          } : null);
+        });
+      }
+    };
+  }, []);
   if (plate === "media") {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupContext.Provider, {
       value: "media",
@@ -110,10 +131,15 @@ function IconButtonGroup(param) {
     });
   }
   var GlassView = bar ? (0, import_glass.loadGlassView)() : null;
+  var capsule = GlassView != null && members > 0;
   var row = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
     alignItems: "center",
-    "data-mp-icon-button-group": GlassView && members > 0 ? "glass" : bar ? "bar" : "row",
+    "data-mp-icon-button-group": capsule ? "glass" : bar ? "bar" : "row",
     ...rest,
+    ...(capsule ? {
+      paddingHorizontal: "$2",
+      gap: "$1"
+    } : null),
     children
   });
   if (!GlassView) return row;
@@ -121,25 +147,30 @@ function IconButtonGroup(param) {
     value: register,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupContext.Provider, {
       value: "glass",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
-        position: "relative",
-        flexShrink: 1,
-        minWidth: 0,
-        onLayout: function onLayout(event) {
-          return setCapsuleHeight(event.nativeEvent.layout.height);
-        },
-        children: [members > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(GlassView, {
-          glassEffectStyle: "regular",
-          pointerEvents: "none",
-          style: {
-            position: "absolute",
-            top: 0,
-            right: 0,
-            bottom: 0,
-            left: 0,
-            borderRadius: capsuleHeight / 2
-          }
-        }) : null, row]
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupSurfaceContext.Provider, {
+        value: members > 0 ? surface : null,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+          ref: capsuleRef,
+          collapsable: false,
+          position: "relative",
+          flexShrink: 1,
+          minWidth: 0,
+          onLayout: function onLayout(event) {
+            return setCapsuleHeight(event.nativeEvent.layout.height);
+          },
+          children: [members > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(GlassView, {
+            glassEffectStyle: "regular",
+            pointerEvents: "none",
+            style: {
+              position: "absolute",
+              top: 0,
+              right: 0,
+              bottom: 0,
+              left: 0,
+              borderRadius: capsuleHeight / 2
+            }
+          }) : null, row]
+        })
       })
     })
   });

package/dist/cjs/Button/IconButtonGroup.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","IconButtonGroup_exports","ICON_BUTTON_GLASS_MERGE_PX","IconButtonGroup","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_glass","import_mediaPlate","import_webGlass","import_iconButtonGroupContext","param","plate","children","rest","bar","useBarSurface","capsuleHeight","setCapsuleHeight","useState","members","setMembers","register","useCallback","count","jsx","IconButtonGroupContext","Provider","Theme","XStack","alignItems","alignSelf","borderRadius","backgroundColor","overflow","radiusClassProps","isWeb","style","MEDIA_PLATE_WEB_STYLE","isAppleTouchWeb","IconButtonGroupRegistry","jsxs","position","zIndex","paddingHorizontal","gap","WebGlassFace","top","right","bottom","left","GlassView","loadGlassView","row","View","flexShrink","minWidth","onLayout","event","nativeEvent","layout","height","glassEffectStyle","pointerEvents"],"sources":["IconButtonGroup.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 IconButtonGroup_exports = {};\n__export(IconButtonGroup_exports, {\n  ICON_BUTTON_GLASS_MERGE_PX: () => ICON_BUTTON_GLASS_MERGE_PX,\n  IconButtonGroup: () => IconButtonGroup\n});\nmodule.exports = __toCommonJS(IconButtonGroup_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_react = require(\"react\");\nvar import_tamagui = require(\"tamagui\");\nvar import_glass = require(\"./glass\");\nvar import_mediaPlate = require(\"./mediaPlate\");\nvar import_webGlass = require(\"./webGlass\");\nvar import_iconButtonGroupContext = require(\"./iconButtonGroupContext\");\nvar ICON_BUTTON_GLASS_MERGE_PX = 22;\nfunction IconButtonGroup(param) {\n  var { plate, children, ...rest } = param;\n  var bar = (0, import_theme.useBarSurface)();\n  var [capsuleHeight, setCapsuleHeight] = (0, import_react.useState)(0);\n  var [members, setMembers] = (0, import_react.useState)(0);\n  var register = (0, import_react.useCallback)(function() {\n    setMembers(function(count) {\n      return count + 1;\n    });\n    return function() {\n      return setMembers(function(count) {\n        return count - 1;\n      });\n    };\n  }, []);\n  if (plate === \"media\") {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupContext.Provider, {\n      value: \"media\",\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {\n        name: \"dark\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n          alignItems: \"center\",\n          alignSelf: \"flex-start\",\n          borderRadius: 1e5,\n          backgroundColor: \"$shadow4\",\n          overflow: \"hidden\",\n          \"data-mp-icon-button-group\": \"media\",\n          ...(0, import_theme.radiusClassProps)(\"R-IDENTITY\", \"icon button plate\"),\n          ...import_tamagui.isWeb ? {\n            style: import_mediaPlate.MEDIA_PLATE_WEB_STYLE\n          } : void 0,\n          ...rest,\n          children\n        })\n      })\n    });\n  }\n  if (bar && import_tamagui.isWeb && (0, import_webGlass.isAppleTouchWeb)()) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupRegistry.Provider, {\n      value: register,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupContext.Provider, {\n        value: \"glass\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n          alignItems: \"center\",\n          \"data-mp-icon-button-group\": members > 0 ? \"glass\" : \"bar\",\n          ...rest,\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n            alignItems: \"center\",\n            position: \"relative\",\n            zIndex: 0,\n            paddingHorizontal: \"$2\",\n            gap: \"$1\",\n            \"data-mp-glass-capsule\": \"\",\n            children: [\n              members > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_webGlass.WebGlassFace, {\n                style: {\n                  position: \"absolute\",\n                  top: 0,\n                  right: 0,\n                  bottom: 0,\n                  left: 0,\n                  borderRadius: 1e5\n                }\n              }) : null,\n              children\n            ]\n          })\n        })\n      })\n    });\n  }\n  var GlassView = bar ? (0, import_glass.loadGlassView)() : null;\n  var row = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n    alignItems: \"center\",\n    \"data-mp-icon-button-group\": GlassView && members > 0 ? \"glass\" : bar ? \"bar\" : \"row\",\n    ...rest,\n    children\n  });\n  if (!GlassView) return row;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupRegistry.Provider, {\n    value: register,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupContext.Provider, {\n      value: \"glass\",\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.View, {\n        position: \"relative\",\n        flexShrink: 1,\n        minWidth: 0,\n        onLayout: function onLayout(event) {\n          return setCapsuleHeight(event.nativeEvent.layout.height);\n        },\n        children: [\n          members > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlassView, {\n            glassEffectStyle: \"regular\",\n            pointerEvents: \"none\",\n            style: {\n              position: \"absolute\",\n              top: 0,\n              right: 0,\n              bottom: 0,\n              left: 0,\n              borderRadius: capsuleHeight / 2\n            }\n          }) : null,\n          row\n        ]\n      })\n    })\n  });\n}\n//# sourceMappingURL=IconButtonGroup.js.map\n"],"mappings":"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","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","IconButtonGroup_exports","ICON_BUTTON_GLASS_MERGE_PX","IconButtonGroup","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_glass","import_mediaPlate","import_webGlass","import_iconButtonGroupContext","param","plate","children","rest","bar","useBarSurface","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","XStack","alignItems","alignSelf","borderRadius","backgroundColor","overflow","radiusClassProps","isWeb","style","MEDIA_PLATE_WEB_STYLE","isAppleTouchWeb","IconButtonGroupRegistry","jsxs","position","zIndex","paddingHorizontal","gap","WebGlassFace","top","right","bottom","left","GlassView","loadGlassView","capsule","row","IconButtonGroupSurfaceContext","View","ref","collapsable","flexShrink","minWidth","onLayout","event","nativeEvent","layout","glassEffectStyle","pointerEvents"],"sources":["IconButtonGroup.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 IconButtonGroup_exports = {};\n__export(IconButtonGroup_exports, {\n  ICON_BUTTON_GLASS_MERGE_PX: () => ICON_BUTTON_GLASS_MERGE_PX,\n  IconButtonGroup: () => IconButtonGroup\n});\nmodule.exports = __toCommonJS(IconButtonGroup_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_react = require(\"react\");\nvar import_tamagui = require(\"tamagui\");\nvar import_glass = require(\"./glass\");\nvar import_mediaPlate = require(\"./mediaPlate\");\nvar import_webGlass = require(\"./webGlass\");\nvar import_iconButtonGroupContext = require(\"./iconButtonGroupContext\");\nvar ICON_BUTTON_GLASS_MERGE_PX = 22;\nfunction IconButtonGroup(param) {\n  var { plate, children, ...rest } = param;\n  var bar = (0, import_theme.useBarSurface)();\n  var [capsuleHeight, setCapsuleHeight] = (0, import_react.useState)(0);\n  var [members, setMembers] = (0, import_react.useState)(0);\n  var register = (0, import_react.useCallback)(function() {\n    setMembers(function(count) {\n      return count + 1;\n    });\n    return function() {\n      return setMembers(function(count) {\n        return count - 1;\n      });\n    };\n  }, []);\n  var capsuleRef = (0, import_react.useRef)(null);\n  var surface = (0, import_react.useMemo)(function() {\n    return {\n      measure(callback) {\n        var node = capsuleRef.current;\n        if (typeof (node === null || node === void 0 ? void 0 : node.measureInWindow) !== \"function\") {\n          callback(null);\n          return;\n        }\n        node.measureInWindow(function(x, y, width, height) {\n          return callback(width > 0 && height > 0 ? {\n            x,\n            y,\n            width,\n            height,\n            radius: height / 2\n          } : null);\n        });\n      }\n    };\n  }, []);\n  if (plate === \"media\") {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupContext.Provider, {\n      value: \"media\",\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {\n        name: \"dark\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n          alignItems: \"center\",\n          alignSelf: \"flex-start\",\n          borderRadius: 1e5,\n          backgroundColor: \"$shadow4\",\n          overflow: \"hidden\",\n          \"data-mp-icon-button-group\": \"media\",\n          ...(0, import_theme.radiusClassProps)(\"R-IDENTITY\", \"icon button plate\"),\n          ...import_tamagui.isWeb ? {\n            style: import_mediaPlate.MEDIA_PLATE_WEB_STYLE\n          } : void 0,\n          ...rest,\n          children\n        })\n      })\n    });\n  }\n  if (bar && import_tamagui.isWeb && (0, import_webGlass.isAppleTouchWeb)()) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupRegistry.Provider, {\n      value: register,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupContext.Provider, {\n        value: \"glass\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n          alignItems: \"center\",\n          \"data-mp-icon-button-group\": members > 0 ? \"glass\" : \"bar\",\n          ...rest,\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n            alignItems: \"center\",\n            position: \"relative\",\n            zIndex: 0,\n            paddingHorizontal: \"$2\",\n            gap: \"$1\",\n            \"data-mp-glass-capsule\": \"\",\n            children: [\n              members > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_webGlass.WebGlassFace, {\n                style: {\n                  position: \"absolute\",\n                  top: 0,\n                  right: 0,\n                  bottom: 0,\n                  left: 0,\n                  borderRadius: 1e5\n                }\n              }) : null,\n              children\n            ]\n          })\n        })\n      })\n    });\n  }\n  var GlassView = bar ? (0, import_glass.loadGlassView)() : null;\n  var capsule = GlassView != null && members > 0;\n  var row = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n    alignItems: \"center\",\n    \"data-mp-icon-button-group\": capsule ? \"glass\" : bar ? \"bar\" : \"row\",\n    ...rest,\n    ...capsule ? {\n      paddingHorizontal: \"$2\",\n      gap: \"$1\"\n    } : null,\n    children\n  });\n  if (!GlassView) return row;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupRegistry.Provider, {\n    value: register,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupContext.Provider, {\n      value: \"glass\",\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupSurfaceContext.Provider, {\n        value: members > 0 ? surface : null,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.View, {\n          ref: capsuleRef,\n          collapsable: false,\n          position: \"relative\",\n          flexShrink: 1,\n          minWidth: 0,\n          onLayout: function onLayout(event) {\n            return setCapsuleHeight(event.nativeEvent.layout.height);\n          },\n          children: [\n            members > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlassView, {\n              glassEffectStyle: \"regular\",\n              pointerEvents: \"none\",\n              style: {\n                position: \"absolute\",\n                top: 0,\n                right: 0,\n                bottom: 0,\n                left: 0,\n                borderRadius: capsuleHeight / 2\n              }\n            }) : null,\n            row\n          ]\n        })\n      })\n    })\n  });\n}\n//# sourceMappingURL=IconButtonGroup.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Button/circleGlyph.cjs

@@ -22,7 +22,17 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var circleGlyph_exports = {};
 __export(circleGlyph_exports, {
-  ICON_BUTTON_CIRCLE_GLYPH_RATIO: () => ICON_BUTTON_CIRCLE_GLYPH_RATIO
+  GLYPH_BOLD_STROKE_UNITS: () => GLYPH_BOLD_STROKE_UNITS,
+  ICON_BUTTON_CIRCLE_GLYPH_RATIO: () => ICON_BUTTON_CIRCLE_GLYPH_RATIO,
+  boldStroke: () => boldStroke
 });
 module.exports = __toCommonJS(circleGlyph_exports);
-const ICON_BUTTON_CIRCLE_GLYPH_RATIO = 0.58;
+const ICON_BUTTON_CIRCLE_GLYPH_RATIO = 0.58;
+const GLYPH_BOLD_STROKE_UNITS = 8;
+function boldStroke(weight, color = "currentColor") {
+  return weight === "bold" ? {
+    stroke: color,
+    strokeWidth: GLYPH_BOLD_STROKE_UNITS,
+    strokeLinejoin: "round"
+  } : void 0;
+}

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

@@ -24,8 +24,19 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var circleGlyph_exports = {};
 __export(circleGlyph_exports, {
-  ICON_BUTTON_CIRCLE_GLYPH_RATIO: () => ICON_BUTTON_CIRCLE_GLYPH_RATIO
+  GLYPH_BOLD_STROKE_UNITS: () => GLYPH_BOLD_STROKE_UNITS,
+  ICON_BUTTON_CIRCLE_GLYPH_RATIO: () => ICON_BUTTON_CIRCLE_GLYPH_RATIO,
+  boldStroke: () => boldStroke
 });
 module.exports = __toCommonJS(circleGlyph_exports);
 var ICON_BUTTON_CIRCLE_GLYPH_RATIO = 0.58;
+var GLYPH_BOLD_STROKE_UNITS = 8;
+function boldStroke(weight) {
+  var color = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "currentColor";
+  return weight === "bold" ? {
+    stroke: color,
+    strokeWidth: GLYPH_BOLD_STROKE_UNITS,
+    strokeLinejoin: "round"
+  } : void 0;
+}
 //# sourceMappingURL=circleGlyph.native.js.map

package/dist/cjs/Button/circleGlyph.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","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":[]}
+{"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","GLYPH_BOLD_STROKE_UNITS","ICON_BUTTON_CIRCLE_GLYPH_RATIO","boldStroke","module","exports","weight","color","arguments","length","stroke","strokeWidth","strokeLinejoin"],"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  GLYPH_BOLD_STROKE_UNITS: () => GLYPH_BOLD_STROKE_UNITS,\n  ICON_BUTTON_CIRCLE_GLYPH_RATIO: () => ICON_BUTTON_CIRCLE_GLYPH_RATIO,\n  boldStroke: () => boldStroke\n});\nmodule.exports = __toCommonJS(circleGlyph_exports);\nvar ICON_BUTTON_CIRCLE_GLYPH_RATIO = 0.58;\nvar GLYPH_BOLD_STROKE_UNITS = 8;\nfunction boldStroke(weight) {\n  var color = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"currentColor\";\n  return weight === \"bold\" ? {\n    stroke: color,\n    strokeWidth: GLYPH_BOLD_STROKE_UNITS,\n    strokeLinejoin: \"round\"\n  } : void 0;\n}\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,uBAAuB,EAAEA,CAAA,KAAMA,uBAAuB;EACtDC,8BAA8B,EAAEA,CAAA,KAAMA,8BAA8B;EACpEC,UAAU,EAAEA,CAAA,KAAMA;AACpB,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGR,YAAY,CAACG,mBAAmB,CAAC;AAClD,IAAIE,8BAA8B,GAAG,IAAI;AACzC,IAAID,uBAAuB,GAAG,CAAC;AAC/B,SAASE,UAAUA,CAACG,MAAM,EAAE;EAC1B,IAAIC,KAAK,GAAGC,SAAS,CAACC,MAAM,GAAG,CAAC,IAAID,SAAS,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAGA,SAAS,CAAC,CAAC,CAAC,GAAG,cAAc;EAC3F,OAAOF,MAAM,KAAK,MAAM,GAAG;IACzBI,MAAM,EAAEH,KAAK;IACbI,WAAW,EAAEV,uBAAuB;IACpCW,cAAc,EAAE;EAClB,CAAC,GAAG,KAAK,CAAC;AACZ","ignoreList":[]}

package/dist/cjs/Button/iconButtonGroupContext.cjs

@@ -24,8 +24,10 @@ var iconButtonGroupContext_exports = {};
 __export(iconButtonGroupContext_exports, {
   IconButtonGroupContext: () => IconButtonGroupContext,
   IconButtonGroupRegistry: () => IconButtonGroupRegistry,
+  IconButtonGroupSurfaceContext: () => IconButtonGroupSurfaceContext,
   useIconButtonGroupGround: () => useIconButtonGroupGround,
-  useIconButtonGroupMember: () => useIconButtonGroupMember
+  useIconButtonGroupMember: () => useIconButtonGroupMember,
+  useIconButtonGroupSurface: () => useIconButtonGroupSurface
 });
 module.exports = __toCommonJS(iconButtonGroupContext_exports);
 var import_react = require("react");
@@ -38,4 +40,8 @@ const IconButtonGroupRegistry = (0, import_react.createContext)(null);
 function useIconButtonGroupMember(iconOnly) {
   const register = (0, import_react.useContext)(IconButtonGroupRegistry);
   useIsomorphicLayoutEffect(() => iconOnly && register ? register() : void 0, [iconOnly, register]);
+}
+const IconButtonGroupSurfaceContext = (0, import_react.createContext)(null);
+function useIconButtonGroupSurface() {
+  return (0, import_react.useContext)(IconButtonGroupSurfaceContext);
 }

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

@@ -26,8 +26,10 @@ var iconButtonGroupContext_exports = {};
 __export(iconButtonGroupContext_exports, {
   IconButtonGroupContext: () => IconButtonGroupContext,
   IconButtonGroupRegistry: () => IconButtonGroupRegistry,
+  IconButtonGroupSurfaceContext: () => IconButtonGroupSurfaceContext,
   useIconButtonGroupGround: () => useIconButtonGroupGround,
-  useIconButtonGroupMember: () => useIconButtonGroupMember
+  useIconButtonGroupMember: () => useIconButtonGroupMember,
+  useIconButtonGroupSurface: () => useIconButtonGroupSurface
 });
 module.exports = __toCommonJS(iconButtonGroupContext_exports);
 var import_react = require("react");
@@ -43,4 +45,8 @@ function useIconButtonGroupMember(iconOnly) {
     return iconOnly && register ? register() : void 0;
   }, [iconOnly, register]);
 }
+var IconButtonGroupSurfaceContext = (0, import_react.createContext)(null);
+function useIconButtonGroupSurface() {
+  return (0, import_react.useContext)(IconButtonGroupSurfaceContext);
+}
 //# sourceMappingURL=iconButtonGroupContext.native.js.map

package/dist/cjs/Button/iconButtonGroupContext.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","iconButtonGroupContext_exports","IconButtonGroupContext","IconButtonGroupRegistry","useIconButtonGroupGround","useIconButtonGroupMember","module","exports","import_react","require","useIsomorphicLayoutEffect","window","useEffect","useLayoutEffect","createContext","useContext","iconOnly","register"],"sources":["iconButtonGroupContext.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 iconButtonGroupContext_exports = {};\n__export(iconButtonGroupContext_exports, {\n  IconButtonGroupContext: () => IconButtonGroupContext,\n  IconButtonGroupRegistry: () => IconButtonGroupRegistry,\n  useIconButtonGroupGround: () => useIconButtonGroupGround,\n  useIconButtonGroupMember: () => useIconButtonGroupMember\n});\nmodule.exports = __toCommonJS(iconButtonGroupContext_exports);\nvar import_react = require(\"react\");\nvar useIsomorphicLayoutEffect = typeof window === \"undefined\" ? import_react.useEffect : import_react.useLayoutEffect;\nvar IconButtonGroupContext = (0, import_react.createContext)(null);\nfunction useIconButtonGroupGround() {\n  return (0, import_react.useContext)(IconButtonGroupContext);\n}\nvar IconButtonGroupRegistry = (0, import_react.createContext)(null);\nfunction useIconButtonGroupMember(iconOnly) {\n  var register = (0, import_react.useContext)(IconButtonGroupRegistry);\n  useIsomorphicLayoutEffect(function() {\n    return iconOnly && register ? register() : void 0;\n  }, [\n    iconOnly,\n    register\n  ]);\n}\n//# sourceMappingURL=iconButtonGroupContext.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,8BAA8B,GAAG,CAAC,CAAC;AACvChB,QAAQ,CAACgB,8BAA8B,EAAE;EACvCC,sBAAsB,EAAEA,CAAA,KAAMA,sBAAsB;EACpDC,uBAAuB,EAAEA,CAAA,KAAMA,uBAAuB;EACtDC,wBAAwB,EAAEA,CAAA,KAAMA,wBAAwB;EACxDC,wBAAwB,EAAEA,CAAA,KAAMA;AAClC,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGT,YAAY,CAACG,8BAA8B,CAAC;AAC7D,IAAIO,YAAY,GAAGC,OAAO,CAAC,OAAO,CAAC;AACnC,IAAIC,yBAAyB,GAAG,OAAOC,MAAM,KAAK,WAAW,GAAGH,YAAY,CAACI,SAAS,GAAGJ,YAAY,CAACK,eAAe;AACrH,IAAIX,sBAAsB,GAAG,CAAC,CAAC,EAAEM,YAAY,CAACM,aAAa,EAAE,IAAI,CAAC;AAClE,SAASV,wBAAwBA,CAAA,EAAG;EAClC,OAAO,CAAC,CAAC,EAAEI,YAAY,CAACO,UAAU,EAAEb,sBAAsB,CAAC;AAC7D;AACA,IAAIC,uBAAuB,GAAG,CAAC,CAAC,EAAEK,YAAY,CAACM,aAAa,EAAE,IAAI,CAAC;AACnE,SAAST,wBAAwBA,CAACW,QAAQ,EAAE;EAC1C,IAAIC,QAAQ,GAAG,CAAC,CAAC,EAAET,YAAY,CAACO,UAAU,EAAEZ,uBAAuB,CAAC;EACpEO,yBAAyB,CAAC,YAAW;IACnC,OAAOM,QAAQ,IAAIC,QAAQ,GAAGA,QAAQ,CAAC,CAAC,GAAG,KAAK,CAAC;EACnD,CAAC,EAAE,CACDD,QAAQ,EACRC,QAAQ,CACT,CAAC;AACJ","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","iconButtonGroupContext_exports","IconButtonGroupContext","IconButtonGroupRegistry","IconButtonGroupSurfaceContext","useIconButtonGroupGround","useIconButtonGroupMember","useIconButtonGroupSurface","module","exports","import_react","require","useIsomorphicLayoutEffect","window","useEffect","useLayoutEffect","createContext","useContext","iconOnly","register"],"sources":["iconButtonGroupContext.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 iconButtonGroupContext_exports = {};\n__export(iconButtonGroupContext_exports, {\n  IconButtonGroupContext: () => IconButtonGroupContext,\n  IconButtonGroupRegistry: () => IconButtonGroupRegistry,\n  IconButtonGroupSurfaceContext: () => IconButtonGroupSurfaceContext,\n  useIconButtonGroupGround: () => useIconButtonGroupGround,\n  useIconButtonGroupMember: () => useIconButtonGroupMember,\n  useIconButtonGroupSurface: () => useIconButtonGroupSurface\n});\nmodule.exports = __toCommonJS(iconButtonGroupContext_exports);\nvar import_react = require(\"react\");\nvar useIsomorphicLayoutEffect = typeof window === \"undefined\" ? import_react.useEffect : import_react.useLayoutEffect;\nvar IconButtonGroupContext = (0, import_react.createContext)(null);\nfunction useIconButtonGroupGround() {\n  return (0, import_react.useContext)(IconButtonGroupContext);\n}\nvar IconButtonGroupRegistry = (0, import_react.createContext)(null);\nfunction useIconButtonGroupMember(iconOnly) {\n  var register = (0, import_react.useContext)(IconButtonGroupRegistry);\n  useIsomorphicLayoutEffect(function() {\n    return iconOnly && register ? register() : void 0;\n  }, [\n    iconOnly,\n    register\n  ]);\n}\nvar IconButtonGroupSurfaceContext = (0, import_react.createContext)(null);\nfunction useIconButtonGroupSurface() {\n  return (0, import_react.useContext)(IconButtonGroupSurfaceContext);\n}\n//# sourceMappingURL=iconButtonGroupContext.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Button/index.cjs

@@ -24,7 +24,7 @@ var Button_exports = {};
 __export(Button_exports, {
   Button: () => Button,
   ButtonFrame: () => ButtonFrame,
-  GLYPH_BOLD_STROKE_UNITS: () => GLYPH_BOLD_STROKE_UNITS,
+  GLYPH_BOLD_STROKE_UNITS: () => import_circleGlyph.GLYPH_BOLD_STROKE_UNITS,
   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,
@@ -251,14 +251,6 @@ function iconButtonGlyphPx(rowLinePx) {
   return Math.max(ICON_BUTTON_GLYPH_PX, Math.round(rowLinePx / PHOSPHOR_INK_RATIO));
 }
 const INLINE_GLYPH_RATIO = 1.2;
-const GLYPH_BOLD_STROKE_UNITS = 8;
-function boldStroke(weight, color = "currentColor") {
-  return weight === "bold" ? {
-    stroke: color,
-    strokeWidth: GLYPH_BOLD_STROKE_UNITS,
-    strokeLinejoin: "round"
-  } : void 0;
-}
 function withGlyphWeight(icon, size, weight, floor = false) {
   if (icon == null || icon === false) return icon;
   if ((0, import_react.isValidElement)(icon)) {
@@ -271,14 +263,14 @@ function withGlyphWeight(icon, size, weight, floor = false) {
       ...(icon.props.weight == null ? {
         weight
       } : void 0),
-      ...boldStroke(resolved, icon.props.color)
+      ...(0, import_circleGlyph.boldStroke)(resolved, icon.props.color)
     });
   }
   if (typeof icon === "function" || typeof icon === "object" && "$$typeof" in icon) {
     return (0, import_react.createElement)(icon, {
       size,
       weight,
-      ...boldStroke(weight)
+      ...(0, import_circleGlyph.boldStroke)(weight)
     });
   }
   return icon;

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

@@ -26,7 +26,7 @@ var Button_exports = {};
 __export(Button_exports, {
   Button: () => Button,
   ButtonFrame: () => ButtonFrame,
-  GLYPH_BOLD_STROKE_UNITS: () => GLYPH_BOLD_STROKE_UNITS,
+  GLYPH_BOLD_STROKE_UNITS: () => import_circleGlyph.GLYPH_BOLD_STROKE_UNITS,
   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,
@@ -288,15 +288,6 @@ function iconButtonGlyphPx(rowLinePx) {
   return Math.max(ICON_BUTTON_GLYPH_PX, Math.round(rowLinePx / PHOSPHOR_INK_RATIO));
 }
 var INLINE_GLYPH_RATIO = 1.2;
-var GLYPH_BOLD_STROKE_UNITS = 8;
-function boldStroke(weight) {
-  var color = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "currentColor";
-  return weight === "bold" ? {
-    stroke: color,
-    strokeWidth: GLYPH_BOLD_STROKE_UNITS,
-    strokeLinejoin: "round"
-  } : void 0;
-}
 function withGlyphWeight(icon, size, weight) {
   var floor = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false;
   if (icon == null || icon === false) return icon;
@@ -311,14 +302,14 @@ function withGlyphWeight(icon, size, weight) {
       ...(icon.props.weight == null ? {
         weight
       } : void 0),
-      ...boldStroke(resolved, icon.props.color)
+      ...(0, import_circleGlyph.boldStroke)(resolved, icon.props.color)
     });
   }
   if (typeof icon === "function" || (typeof icon === "undefined" ? "undefined" : _type_of(icon)) === "object" && "$$typeof" in icon) {
     return /* @__PURE__ */(0, import_react.createElement)(icon, {
       size,
       weight,
-      ...boldStroke(weight)
+      ...(0, import_circleGlyph.boldStroke)(weight)
     });
   }
   return icon;