@multiplatform.one/forms 7.77.2 → 7.78.0

package/dist/esm/Button/IconButtonGroup.mjs

@@ -1,18 +1,18 @@
-import { radiusClassProps, useBarSurface } from "@multiplatform.one/theme";
-import { useCallback, useMemo, useRef, useState } from "react";
-import { isWeb, Theme, View, XStack } from "tamagui";
-import { loadGlassView } from "./glass.mjs";
-import { MEDIA_PLATE_WEB_STYLE } from "./mediaPlate.mjs";
-import { isAppleTouchWeb, WebGlassFace } from "./webGlass.mjs";
+import { isDarkThemeName, radiusClassProps, useBarSurface } from "@multiplatform.one/theme";
+import { Children, useCallback, useMemo, useRef, useState } from "react";
+import { isWeb, Theme, useThemeName, View, XStack } from "tamagui";
+import { loadGlassContainer, loadGlassView } from "./glass.mjs";
+import { isAppleTouchWeb } from "./webGlass.mjs";
 import { IconButtonGroupContext, IconButtonGroupRegistry, IconButtonGroupSurfaceContext } from "./iconButtonGroupContext.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-const ICON_BUTTON_GLASS_MERGE_PX = 22;
+const SYSTEM_GLASS_SPACING = 0;
 function IconButtonGroup({
   plate,
   children,
   ...rest
 }) {
   const bar = useBarSurface();
+  const dark = isDarkThemeName(useThemeName());
   const [capsuleHeight, setCapsuleHeight] = useState(0);
   const [members, setMembers] = useState(0);
   const register = useCallback(() => {
@@ -49,16 +49,14 @@ function IconButtonGroup({
           overflow: "hidden",
           "data-mp-icon-button-group": "media",
           ...radiusClassProps("R-IDENTITY", "icon button plate"),
-          ...(isWeb ? {
-            style: MEDIA_PLATE_WEB_STYLE
-          } : void 0),
           ...rest,
           children
         })
       })
     });
   }
-  if (bar && isWeb && isAppleTouchWeb()) {
+  const GlassView = bar ? loadGlassView() : null;
+  if (GlassView && isWeb && isAppleTouchWeb()) {
     return /* @__PURE__ */jsx(IconButtonGroupRegistry.Provider, {
       value: register,
       children: /* @__PURE__ */jsx(IconButtonGroupContext.Provider, {
@@ -74,7 +72,7 @@ function IconButtonGroup({
             paddingHorizontal: "$2",
             gap: "$1",
             "data-mp-glass-capsule": "",
-            children: [members > 0 ? /* @__PURE__ */jsx(WebGlassFace, {
+            children: [members > 0 ? /* @__PURE__ */jsx(GlassView, {
               style: {
                 position: "absolute",
                 top: 0,
@@ -89,48 +87,55 @@ function IconButtonGroup({
       })
     });
   }
-  const GlassView = bar ? loadGlassView() : null;
   const capsule = GlassView != null && members > 0;
+  const lone = members === 1 && Children.toArray(children).length === 1;
   const row = /* @__PURE__ */jsx(XStack, {
     alignItems: "center",
     "data-mp-icon-button-group": capsule ? "glass" : bar ? "bar" : "row",
     ...rest,
-    ...(capsule ? {
+    ...(capsule && !lone ? {
       paddingHorizontal: "$2",
       gap: "$1"
     } : null),
     children
   });
   if (!GlassView) return row;
+  const glass = /* @__PURE__ */jsx(GlassView, {
+    glassEffectStyle: capsule ? "regular" : "none",
+    isInteractive: capsule,
+    colorScheme: dark ? "dark" : "light",
+    style: {
+      borderRadius: capsuleHeight / 2,
+      flexShrink: 1,
+      minWidth: 0
+    },
+    children: row
+  });
+  const GlassContainer = loadGlassContainer();
   return /* @__PURE__ */jsx(IconButtonGroupRegistry.Provider, {
     value: register,
     children: /* @__PURE__ */jsx(IconButtonGroupContext.Provider, {
       value: "glass",
       children: /* @__PURE__ */jsx(IconButtonGroupSurfaceContext.Provider, {
         value: members > 0 ? surface : null,
-        children: /* @__PURE__ */jsxs(View, {
+        children: /* @__PURE__ */jsx(View, {
           ref: capsuleRef,
           collapsable: false,
-          position: "relative",
           flexShrink: 1,
           minWidth: 0,
           onLayout: event => setCapsuleHeight(event.nativeEvent.layout.height),
-          children: [members > 0 ? /* @__PURE__ */jsx(GlassView, {
-            glassEffectStyle: "regular",
-            pointerEvents: "none",
+          children: GlassContainer ? /* @__PURE__ */jsx(GlassContainer, {
+            spacing: SYSTEM_GLASS_SPACING,
             style: {
-              position: "absolute",
-              top: 0,
-              right: 0,
-              bottom: 0,
-              left: 0,
-              borderRadius: capsuleHeight / 2
-            }
-          }) : null, row]
+              flexShrink: 1,
+              minWidth: 0
+            },
+            children: glass
+          }) : glass
         })
       })
     })
   });
 }
-export { ICON_BUTTON_GLASS_MERGE_PX, IconButtonGroup };
+export { IconButtonGroup };
 //# sourceMappingURL=IconButtonGroup.mjs.map

package/dist/esm/Button/IconButtonGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["radiusClassProps","useBarSurface","useCallback","useMemo","useRef","useState","isWeb","Theme","View","XStack","loadGlassView","MEDIA_PLATE_WEB_STYLE","isAppleTouchWeb","WebGlassFace","IconButtonGroupContext","IconButtonGroupRegistry","IconButtonGroupSurfaceContext","jsx","jsxs","ICON_BUTTON_GLASS_MERGE_PX","IconButtonGroup","plate","children","rest","bar","capsuleHeight","setCapsuleHeight","members","setMembers","register","count","capsuleRef","surface","measure","callback","node","current","measureInWindow","x","y","width","height","radius","Provider","value","name","alignItems","alignSelf","borderRadius","backgroundColor","overflow","style","position","zIndex","paddingHorizontal","gap","top","right","bottom","left","GlassView","capsule","row","ref","collapsable","flexShrink","minWidth","onLayout","event","nativeEvent","layout","glassEffectStyle","pointerEvents"],"sources":["../../../src/Button/IconButtonGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["isDarkThemeName","radiusClassProps","useBarSurface","Children","useCallback","useMemo","useRef","useState","isWeb","Theme","useThemeName","View","XStack","loadGlassContainer","loadGlassView","isAppleTouchWeb","IconButtonGroupContext","IconButtonGroupRegistry","IconButtonGroupSurfaceContext","jsx","jsxs","SYSTEM_GLASS_SPACING","IconButtonGroup","plate","children","rest","bar","dark","capsuleHeight","setCapsuleHeight","members","setMembers","register","count","capsuleRef","surface","measure","callback","node","current","measureInWindow","x","y","width","height","radius","Provider","value","name","alignItems","alignSelf","borderRadius","backgroundColor","overflow","GlassView","position","zIndex","paddingHorizontal","gap","style","top","right","bottom","left","capsule","lone","toArray","length","row","glass","glassEffectStyle","isInteractive","colorScheme","flexShrink","minWidth","GlassContainer","ref","collapsable","onLayout","event","nativeEvent","layout","spacing"],"sources":["../../../src/Button/IconButtonGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -1,12 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { radiusClassProps, useBarSurface } from "@multiplatform.one/theme";
-import { useCallback, useMemo, useRef, useState } from "react";
-import { isWeb, Theme, View, XStack } from "tamagui";
-import { loadGlassView } from "./glass.native.js";
-import { MEDIA_PLATE_WEB_STYLE } from "./mediaPlate.native.js";
-import { isAppleTouchWeb, WebGlassFace } from "./webGlass.native.js";
+import { isDarkThemeName, radiusClassProps, useBarSurface } from "@multiplatform.one/theme";
+import { Children, useCallback, useMemo, useRef, useState } from "react";
+import { isWeb, Theme, useThemeName, View, XStack } from "tamagui";
+import { loadGlassContainer, loadGlassView } from "./glass.native.js";
+import { isAppleTouchWeb } from "./webGlass.native.js";
 import { IconButtonGroupContext, IconButtonGroupRegistry, IconButtonGroupSurfaceContext } from "./iconButtonGroupContext.native.js";
-var ICON_BUTTON_GLASS_MERGE_PX = 22;
+var SYSTEM_GLASS_SPACING = 0;
 function IconButtonGroup(param) {
   var {
     plate,
@@ -14,6 +13,7 @@ function IconButtonGroup(param) {
     ...rest
   } = param;
   var bar = useBarSurface();
+  var dark = isDarkThemeName(useThemeName());
   var [capsuleHeight, setCapsuleHeight] = useState(0);
   var [members, setMembers] = useState(0);
   var register = useCallback(function () {
@@ -60,16 +60,14 @@ function IconButtonGroup(param) {
           overflow: "hidden",
           "data-mp-icon-button-group": "media",
           ...radiusClassProps("R-IDENTITY", "icon button plate"),
-          ...(isWeb ? {
-            style: MEDIA_PLATE_WEB_STYLE
-          } : void 0),
           ...rest,
           children
         })
       })
     });
   }
-  if (bar && isWeb && isAppleTouchWeb()) {
+  var GlassView = bar ? loadGlassView() : null;
+  if (GlassView && isWeb && isAppleTouchWeb()) {
     return /* @__PURE__ */_jsx(IconButtonGroupRegistry.Provider, {
       value: register,
       children: /* @__PURE__ */_jsx(IconButtonGroupContext.Provider, {
@@ -85,7 +83,7 @@ function IconButtonGroup(param) {
             paddingHorizontal: "$2",
             gap: "$1",
             "data-mp-glass-capsule": "",
-            children: [members > 0 ? /* @__PURE__ */_jsx(WebGlassFace, {
+            children: [members > 0 ? /* @__PURE__ */_jsx(GlassView, {
               style: {
                 position: "absolute",
                 top: 0,
@@ -100,50 +98,57 @@ function IconButtonGroup(param) {
       })
     });
   }
-  var GlassView = bar ? loadGlassView() : null;
   var capsule = GlassView != null && members > 0;
+  var lone = members === 1 && Children.toArray(children).length === 1;
   var row = /* @__PURE__ */_jsx(XStack, {
     alignItems: "center",
     "data-mp-icon-button-group": capsule ? "glass" : bar ? "bar" : "row",
     ...rest,
-    ...(capsule ? {
+    ...(capsule && !lone ? {
       paddingHorizontal: "$2",
       gap: "$1"
     } : null),
     children
   });
   if (!GlassView) return row;
+  var glass = /* @__PURE__ */_jsx(GlassView, {
+    glassEffectStyle: capsule ? "regular" : "none",
+    isInteractive: capsule,
+    colorScheme: dark ? "dark" : "light",
+    style: {
+      borderRadius: capsuleHeight / 2,
+      flexShrink: 1,
+      minWidth: 0
+    },
+    children: row
+  });
+  var GlassContainer = loadGlassContainer();
   return /* @__PURE__ */_jsx(IconButtonGroupRegistry.Provider, {
     value: register,
     children: /* @__PURE__ */_jsx(IconButtonGroupContext.Provider, {
       value: "glass",
       children: /* @__PURE__ */_jsx(IconButtonGroupSurfaceContext.Provider, {
         value: members > 0 ? surface : null,
-        children: /* @__PURE__ */_jsxs(View, {
+        children: /* @__PURE__ */_jsx(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__ */_jsx(GlassView, {
-            glassEffectStyle: "regular",
-            pointerEvents: "none",
+          children: GlassContainer ? /* @__PURE__ */_jsx(GlassContainer, {
+            spacing: SYSTEM_GLASS_SPACING,
             style: {
-              position: "absolute",
-              top: 0,
-              right: 0,
-              bottom: 0,
-              left: 0,
-              borderRadius: capsuleHeight / 2
-            }
-          }) : null, row]
+              flexShrink: 1,
+              minWidth: 0
+            },
+            children: glass
+          }) : glass
         })
       })
     })
   });
 }
-export { ICON_BUTTON_GLASS_MERGE_PX, IconButtonGroup };
+export { IconButtonGroup };
 //# sourceMappingURL=IconButtonGroup.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","radiusClassProps","useBarSurface","useCallback","useMemo","useRef","useState","isWeb","Theme","View","XStack","loadGlassView","MEDIA_PLATE_WEB_STYLE","isAppleTouchWeb","WebGlassFace","IconButtonGroupContext","IconButtonGroupRegistry","IconButtonGroupSurfaceContext","ICON_BUTTON_GLASS_MERGE_PX","IconButtonGroup","param","plate","children","rest","bar","capsuleHeight","setCapsuleHeight","members","setMembers","register","count","capsuleRef","surface","measure","callback","node","current","measureInWindow","x","y","width","height","radius","Provider","value","name","alignItems","alignSelf","borderRadius","backgroundColor","overflow","style","position","zIndex","paddingHorizontal","gap","top","right","bottom","left","GlassView","capsule","row","ref","collapsable","flexShrink","minWidth","onLayout","event","nativeEvent","layout","glassEffectStyle","pointerEvents"],"sources":["IconButtonGroup.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { radiusClassProps, useBarSurface } from \"@multiplatform.one/theme\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport { isWeb, Theme, View, XStack } from \"tamagui\";\nimport { loadGlassView } from \"./glass\";\nimport { MEDIA_PLATE_WEB_STYLE } from \"./mediaPlate\";\nimport { isAppleTouchWeb, WebGlassFace } from \"./webGlass\";\nimport { IconButtonGroupContext, IconButtonGroupRegistry, IconButtonGroupSurfaceContext } from \"./iconButtonGroupContext\";\nvar ICON_BUTTON_GLASS_MERGE_PX = 22;\nfunction IconButtonGroup(param) {\n  var { plate, children, ...rest } = param;\n  var bar = useBarSurface();\n  var [capsuleHeight, setCapsuleHeight] = useState(0);\n  var [members, setMembers] = useState(0);\n  var register = 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 = useRef(null);\n  var surface = 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__ */ _jsx(IconButtonGroupContext.Provider, {\n      value: \"media\",\n      children: /* @__PURE__ */ _jsx(Theme, {\n        name: \"dark\",\n        children: /* @__PURE__ */ _jsx(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          ...radiusClassProps(\"R-IDENTITY\", \"icon button plate\"),\n          ...isWeb ? {\n            style: MEDIA_PLATE_WEB_STYLE\n          } : void 0,\n          ...rest,\n          children\n        })\n      })\n    });\n  }\n  if (bar && isWeb && isAppleTouchWeb()) {\n    return /* @__PURE__ */ _jsx(IconButtonGroupRegistry.Provider, {\n      value: register,\n      children: /* @__PURE__ */ _jsx(IconButtonGroupContext.Provider, {\n        value: \"glass\",\n        children: /* @__PURE__ */ _jsx(XStack, {\n          alignItems: \"center\",\n          \"data-mp-icon-button-group\": members > 0 ? \"glass\" : \"bar\",\n          ...rest,\n          children: /* @__PURE__ */ _jsxs(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__ */ _jsx(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 ? loadGlassView() : null;\n  var capsule = GlassView != null && members > 0;\n  var row = /* @__PURE__ */ _jsx(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__ */ _jsx(IconButtonGroupRegistry.Provider, {\n    value: register,\n    children: /* @__PURE__ */ _jsx(IconButtonGroupContext.Provider, {\n      value: \"glass\",\n      children: /* @__PURE__ */ _jsx(IconButtonGroupSurfaceContext.Provider, {\n        value: members > 0 ? surface : null,\n        children: /* @__PURE__ */ _jsxs(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__ */ _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}\nexport {\n  ICON_BUTTON_GLASS_MERGE_PX,\n  IconButtonGroup\n};\n//# sourceMappingURL=IconButtonGroup.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","isDarkThemeName","radiusClassProps","useBarSurface","Children","useCallback","useMemo","useRef","useState","isWeb","Theme","useThemeName","View","XStack","loadGlassContainer","loadGlassView","isAppleTouchWeb","IconButtonGroupContext","IconButtonGroupRegistry","IconButtonGroupSurfaceContext","SYSTEM_GLASS_SPACING","IconButtonGroup","param","plate","children","rest","bar","dark","capsuleHeight","setCapsuleHeight","members","setMembers","register","count","capsuleRef","surface","measure","callback","node","current","measureInWindow","x","y","width","height","radius","Provider","value","name","alignItems","alignSelf","borderRadius","backgroundColor","overflow","GlassView","position","zIndex","paddingHorizontal","gap","style","top","right","bottom","left","capsule","lone","toArray","length","row","glass","glassEffectStyle","isInteractive","colorScheme","flexShrink","minWidth","GlassContainer"],"sources":["../../../src/Button/IconButtonGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/Button/circleGlyph.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["ICON_BUTTON_CIRCLE_GLYPH_RATIO","GLYPH_BOLD_STROKE_UNITS","boldStroke","weight","color","arguments","length","stroke","strokeWidth","strokeLinejoin"],"sources":["circleGlyph.native.js"],"sourcesContent":["var 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}\nexport {\n  GLYPH_BOLD_STROKE_UNITS,\n  ICON_BUTTON_CIRCLE_GLYPH_RATIO,\n  boldStroke\n};\n//# sourceMappingURL=circleGlyph.js.map\n"],"mappings":"AAAA,IAAIA,8BAA8B,GAAG,IAAI;AACzC,IAAIC,uBAAuB,GAAG,CAAC;AAC/B,SAASC,UAAUA,CAACC,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,EAAEP,uBAAuB;IACpCQ,cAAc,EAAE;EAClB,CAAC,GAAG,KAAK,CAAC;AACZ;AACA,SACER,uBAAuB,EACvBD,8BAA8B,EAC9BE,UAAU","ignoreList":[]}
+{"version":3,"names":["ICON_BUTTON_CIRCLE_GLYPH_RATIO","GLYPH_BOLD_STROKE_UNITS","boldStroke","weight","color","arguments","length","stroke","strokeWidth","strokeLinejoin"],"sources":["../../../src/Button/circleGlyph.ts"],"sourcesContent":[null],"mappings":"AAKO,IAAAA,8BAAM,OAAiC;AAQvC,IAAAC,uBAAM;AAEN,SAASC,WAAWC,MAAA,EAA4B;EACrD,IAAAC,KAAO,GAAAC,SAAW,CAAAC,MACd,QAAAD,SAAA,iBAAAA,SAAA;EAAA,OACEF,MAAQ;IACRI,MAAA,EAAAH,KAAa;IACbI,WAAA,EAAAP,uBAAgB;IAClBQ,cACA;EACN","ignoreList":[]}

package/dist/esm/Button/glass.mjs

@@ -1,7 +1,8 @@
 import { isAppleTouchWeb, WebGlassFace } from "./webGlass.mjs";
 import { isAppleTouchWeb as isAppleTouchWeb2 } from "./webGlass.mjs";
+const iosSafariGlassFace = false;
 function loadGlassView() {
-  return isAppleTouchWeb() ? WebGlassFace : null;
+  return iosSafariGlassFace && isAppleTouchWeb() ? WebGlassFace : null;
 }
 function loadGlassContainer() {
   return null;

package/dist/esm/Button/glass.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["isAppleTouchWeb","WebGlassFace","isAppleTouchWeb2","loadGlassView","loadGlassContainer"],"sources":["../../../src/Button/glass.ts"],"sourcesContent":[null],"mappings":"AACA,SAASA,eAAA,EAAiBC,YAAA,QAAoB;AAiB9C,SAASD,eAAA,IAAAE,gBAAA,QAAuB;AASzB,SAASC,cAAA,EAA2C;EACzD,OAAOH,eAAA,CAAgB,IAAKC,YAAA,GAAsC;AACpE;AAMO,SAASG,mBAAA,EAAqD;EACnE,OAAO;AACT","ignoreList":[]}
+{"version":3,"names":["isAppleTouchWeb","WebGlassFace","isAppleTouchWeb2","iosSafariGlassFace","loadGlassView","loadGlassContainer"],"sources":["../../../src/Button/glass.ts"],"sourcesContent":[null],"mappings":"AACA,SAASA,eAAA,EAAiBC,YAAA,QAAoB;AAkB9C,SAASD,eAAA,IAAAE,gBAAA,QAAuB;AAQhC,MAAMC,kBAAA,GAAqB;AAOpB,SAASC,cAAA,EAA2C;EACzD,OAAOD,kBAAA,IAAsBH,eAAA,CAAgB,IAAKC,YAAA,GAAsC;AAC1F;AAGO,SAASI,mBAAA,EAAqD;EACnE,OAAO;AACT","ignoreList":[]}

package/dist/esm/Button/glass.native.js

@@ -1,26 +1,50 @@
-var cachedGlassView;
-var cachedGlassContainer;
-function loadGlassView() {
-  if (cachedGlassView !== void 0) return cachedGlassView;
-  cachedGlassView = null;
-  try {
-    var _core_requireOptionalNativeModule, _glass_isLiquidGlassAvailable, _glass_isGlassEffectAPIAvailable;
-    var core = require("expo-modules-core");
-    if (((_core_requireOptionalNativeModule = core.requireOptionalNativeModule) === null || _core_requireOptionalNativeModule === void 0 ? void 0 : _core_requireOptionalNativeModule.call(core, "ExpoGlassEffect")) == null) return cachedGlassView;
-    var glass = require("expo-glass-effect");
-    if (glass.GlassView && ((_glass_isLiquidGlassAvailable = glass.isLiquidGlassAvailable) === null || _glass_isLiquidGlassAvailable === void 0 ? void 0 : _glass_isLiquidGlassAvailable.call(glass)) && ((_glass_isGlassEffectAPIAvailable = glass.isGlassEffectAPIAvailable) === null || _glass_isGlassEffectAPIAvailable === void 0 ? void 0 : _glass_isGlassEffectAPIAvailable.call(glass))) {
-      var _glass_GlassContainer;
-      cachedGlassView = glass.GlassView;
-      cachedGlassContainer = (_glass_GlassContainer = glass.GlassContainer) !== null && _glass_GlassContainer !== void 0 ? _glass_GlassContainer : null;
+var liveSources = {
+  core: function core() {
+    try {
+      return require("expo-modules-core");
+    } catch (unused) {
+      return {};
     }
+  },
+  glass: function glass() {
+    try {
+      return require("expo-glass-effect");
+    } catch (unused) {
+      return {};
+    }
+  }
+};
+function resolveSystemGlass() {
+  var sources = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : liveSources;
+  try {
+    var _glass_GlassContainer;
+    var _sources_core_requireOptionalNativeModule, _sources_core, _glass_isLiquidGlassAvailable, _glass_isGlassEffectAPIAvailable;
+    if (((_sources_core_requireOptionalNativeModule = (_sources_core = sources.core()).requireOptionalNativeModule) === null || _sources_core_requireOptionalNativeModule === void 0 ? void 0 : _sources_core_requireOptionalNativeModule.call(_sources_core, "ExpoGlassEffect")) == null) return null;
+    var glass2 = sources.glass();
+    if (!glass2.GlassView || !((_glass_isLiquidGlassAvailable = glass2.isLiquidGlassAvailable) === null || _glass_isLiquidGlassAvailable === void 0 ? void 0 : _glass_isLiquidGlassAvailable.call(glass2))) return null;
+    if (!((_glass_isGlassEffectAPIAvailable = glass2.isGlassEffectAPIAvailable) === null || _glass_isGlassEffectAPIAvailable === void 0 ? void 0 : _glass_isGlassEffectAPIAvailable.call(glass2))) return null;
+    return {
+      view: glass2.GlassView,
+      container: (_glass_GlassContainer = glass2.GlassContainer) !== null && _glass_GlassContainer !== void 0 ? _glass_GlassContainer : null
+    };
   } catch (unused) {
-    cachedGlassView = null;
+    return null;
   }
-  return cachedGlassView;
+}
+var cached;
+function systemGlass() {
+  if (cached === void 0) cached = resolveSystemGlass();
+  return cached;
+}
+function loadGlassView() {
+  var _ref;
+  var _systemGlass;
+  return (_ref = (_systemGlass = systemGlass()) === null || _systemGlass === void 0 ? void 0 : _systemGlass.view) !== null && _ref !== void 0 ? _ref : null;
 }
 function loadGlassContainer() {
-  if (cachedGlassView === void 0) loadGlassView();
-  return cachedGlassContainer !== null && cachedGlassContainer !== void 0 ? cachedGlassContainer : null;
+  var _ref;
+  var _systemGlass;
+  return (_ref = (_systemGlass = systemGlass()) === null || _systemGlass === void 0 ? void 0 : _systemGlass.container) !== null && _ref !== void 0 ? _ref : null;
 }
-export { loadGlassContainer, loadGlassView };
+export { loadGlassContainer, loadGlassView, resolveSystemGlass };
 //# sourceMappingURL=glass.native.js.map

package/dist/esm/Button/glass.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["cachedGlassView","cachedGlassContainer","loadGlassView","_core_requireOptionalNativeModule","_glass_isLiquidGlassAvailable","_glass_isGlassEffectAPIAvailable","core","require","requireOptionalNativeModule","call","glass","GlassView","isLiquidGlassAvailable","isGlassEffectAPIAvailable","_glass_GlassContainer","GlassContainer","unused","loadGlassContainer"],"sources":["../../../src/Button/glass.native.ts"],"sourcesContent":[null],"mappings":"AAAA,IAAIA,eAAA;AACJ,IAAIC,oBAAA;AAOO,SAASC,cAAA,EAAgB;EAChC,IAAIF,eAAA,KAAoB,QAAW,OAAOA,eAAA;EAC1CA,eAAA,GAAkB;EAClB,IAAI;IACA,IAAIG,iCAAA,EAAmCC,6BAAA,EAA+BC,gCAAA;IACtE,IAAIC,IAAA,GAAOC,OAAA,CAAQ,mBAAmB;IACtC,MAAMJ,iCAAA,GAAoCG,IAAA,CAAKE,2BAAA,MAAiC,QAAQL,iCAAA,KAAsC,SAAS,SAASA,iCAAA,CAAkCM,IAAA,CAAKH,IAAA,EAAM,iBAAiB,MAAM,MAAM,OAAON,eAAA;IACjO,IAAIU,KAAA,GAAQH,OAAA,CAAQ,mBAAmB;IACvC,IAAIG,KAAA,CAAMC,SAAA,MAAeP,6BAAA,GAAgCM,KAAA,CAAME,sBAAA,MAA4B,QAAQR,6BAAA,KAAkC,SAAS,SAASA,6BAAA,CAA8BK,IAAA,CAAKC,KAAK,QAAQL,gCAAA,GAAmCK,KAAA,CAAMG,yBAAA,MAA+B,QAAQR,gCAAA,KAAqC,SAAS,SAASA,gCAAA,CAAiCI,IAAA,CAAKC,KAAK,IAAI;MACzX,IAAII,qBAAA;MACJd,eAAA,GAAkBU,KAAA,CAAMC,SAAA;MACxBV,oBAAA,IAAwBa,qBAAA,GAAwBJ,KAAA,CAAMK,cAAA,MAAoB,QAAQD,qBAAA,KAA0B,SAASA,qBAAA,GAAwB;IACjJ;EACJ,SAASE,MAAA,EAAQ;IACbhB,eAAA,GAAkB;EACtB;EACA,OAAOA,eAAA;AACX;AAKW,SAASiB,mBAAA,EAAqB;EACrC,IAAIjB,eAAA,KAAoB,QAAWE,aAAA,CAAc;EACjD,OAAOD,oBAAA,KAAyB,QAAQA,oBAAA,KAAyB,SAASA,oBAAA,GAAuB;AACrG","ignoreList":[]}
+{"version":3,"names":["liveSources","core","require","unused","glass","resolveSystemGlass","sources","arguments","length","_glass_GlassContainer","_sources_core_requireOptionalNativeModule","_sources_core","_glass_isLiquidGlassAvailable","_glass_isGlassEffectAPIAvailable","requireOptionalNativeModule","call","glass2","GlassView","isLiquidGlassAvailable","isGlassEffectAPIAvailable","view","container","GlassContainer","cached","systemGlass","loadGlassView","_ref","_systemGlass","loadGlassContainer"],"sources":["../../../src/Button/glass.native.ts"],"sourcesContent":[null],"mappings":"AAEA,IAAIA,WAAA,GAAc;EACdC,IAAA,EAAM,SAASA,KAAA,EAAO;IAClB,IAAI;MACA,OAAOC,OAAA,CAAQ,mBAAmB;IACtC,SAASC,MAAA,EAAQ;MACb,OAAO,CAAC;IACZ;EACJ;EACAC,KAAA,EAAO,SAASA,MAAA,EAAQ;IACpB,IAAI;MACA,OAAOF,OAAA,CAAQ,mBAAmB;IACtC,SAASC,MAAA,EAAQ;MACb,OAAO,CAAC;IACZ;EACJ;AACJ;AAQW,SAASE,mBAAA,EAAqB;EACrC,IAAIC,OAAA,GAAUC,SAAA,CAAUC,MAAA,GAAS,KAAKD,SAAA,CAAU,CAAC,MAAM,SAASA,SAAA,CAAU,CAAC,IAAIP,WAAA;EAC/E,IAAI;IACA,IAAIS,qBAAA;IACJ,IAAIC,yCAAA,EAA2CC,aAAA,EAAeC,6BAAA,EAA+BC,gCAAA;IAC7F,MAAMH,yCAAA,IAA6CC,aAAA,GAAgBL,OAAA,CAAQL,IAAA,CAAK,GAAGa,2BAAA,MAAiC,QAAQJ,yCAAA,KAA8C,SAAS,SAASA,yCAAA,CAA0CK,IAAA,CAAKJ,aAAA,EAAe,iBAAiB,MAAM,MAAM,OAAO;IAC9R,IAAIK,MAAA,GAAQV,OAAA,CAAQF,KAAA,CAAM;IAC1B,IAAI,CAACY,MAAA,CAAMC,SAAA,IAAa,GAAGL,6BAAA,GAAgCI,MAAA,CAAME,sBAAA,MAA4B,QAAQN,6BAAA,KAAkC,SAAS,SAASA,6BAAA,CAA8BG,IAAA,CAAKC,MAAK,IAAI,OAAO;IAC5M,IAAI,GAAGH,gCAAA,GAAmCG,MAAA,CAAMG,yBAAA,MAA+B,QAAQN,gCAAA,KAAqC,SAAS,SAASA,gCAAA,CAAiCE,IAAA,CAAKC,MAAK,IAAI,OAAO;IACpM,OAAO;MACHI,IAAA,EAAMJ,MAAA,CAAMC,SAAA;MACZI,SAAA,GAAYZ,qBAAA,GAAwBO,MAAA,CAAMM,cAAA,MAAoB,QAAQb,qBAAA,KAA0B,SAASA,qBAAA,GAAwB;IACrI;EACJ,SAASN,MAAA,EAAQ;IACb,OAAO;EACX;AACJ;AACA,IAAIoB,MAAA;AACJ,SAASC,YAAA,EAAc;EACnB,IAAID,MAAA,KAAW,QAAWA,MAAA,GAASlB,kBAAA,CAAmB;EACtD,OAAOkB,MAAA;AACX;AACO,SAASE,cAAA,EAAgB;EAC5B,IAAIC,IAAA;EACJ,IAAIC,YAAA;EACJ,QAAQD,IAAA,IAAQC,YAAA,GAAeH,WAAA,CAAY,OAAO,QAAQG,YAAA,KAAiB,SAAS,SAASA,YAAA,CAAaP,IAAA,MAAU,QAAQM,IAAA,KAAS,SAASA,IAAA,GAAO;AACzJ;AACO,SAASE,mBAAA,EAAqB;EACjC,IAAIF,IAAA;EACJ,IAAIC,YAAA;EACJ,QAAQD,IAAA,IAAQC,YAAA,GAAeH,WAAA,CAAY,OAAO,QAAQG,YAAA,KAAiB,SAAS,SAASA,YAAA,CAAaN,SAAA,MAAe,QAAQK,IAAA,KAAS,SAASA,IAAA,GAAO;AAC9J","ignoreList":[]}

package/dist/esm/Button/iconButtonGroupContext.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","useContext","useEffect","useLayoutEffect","useIsomorphicLayoutEffect","window","IconButtonGroupContext","useIconButtonGroupGround","IconButtonGroupRegistry","useIconButtonGroupMember","iconOnly","register","IconButtonGroupSurfaceContext","useIconButtonGroupSurface"],"sources":["../../../src/Button/iconButtonGroupContext.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,aAAA,EAAeC,UAAA,EAAYC,SAAA,EAAWC,eAAA,QAAuB;AAEtE,MAAMC,yBAAA,GAA4B,OAAOC,MAAA,KAAW,cAAcH,SAAA,GAAYC,eAAA;AAUvE,MAAMG,sBAAA,GAAyBN,aAAA,CAAqC,IAAI;AAExE,SAASO,yBAAA,EAAkD;EAChE,OAAON,UAAA,CAAWK,sBAAsB;AAC1C;AAOO,MAAME,uBAAA,GAA0BR,aAAA,CAAyC,IAAI;AAE7E,SAASS,yBAAyBC,QAAA,EAAyB;EAChE,MAAMC,QAAA,GAAWV,UAAA,CAAWO,uBAAuB;EACnDJ,yBAAA,CACE,MAAOM,QAAA,IAAYC,QAAA,GAAWA,QAAA,CAAS,IAAI,QAC3C,CAACD,QAAA,EAAUC,QAAQ,CACrB;AACF;AAqBO,MAAMC,6BAAA,GAAgCZ,aAAA,CAA6C,IAAI;AAEvF,SAASa,0BAAA,EAA2D;EACzE,OAAOZ,UAAA,CAAWW,6BAA6B;AACjD","ignoreList":[]}
+{"version":3,"names":["createContext","useContext","useEffect","useLayoutEffect","useIsomorphicLayoutEffect","window","IconButtonGroupContext","useIconButtonGroupGround","IconButtonGroupRegistry","useIconButtonGroupMember","iconOnly","register","IconButtonGroupSurfaceContext","useIconButtonGroupSurface"],"sources":["../../../src/Button/iconButtonGroupContext.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,aAAA,EAAeC,UAAA,EAAYC,SAAA,EAAWC,eAAA,QAAuB;AAEtE,MAAMC,yBAAA,GAA4B,OAAOC,MAAA,KAAW,cAAcH,SAAA,GAAYC,eAAA;AASvE,MAAMG,sBAAA,GAAyBN,aAAA,CAAqC,IAAI;AAExE,SAASO,yBAAA,EAAkD;EAChE,OAAON,UAAA,CAAWK,sBAAsB;AAC1C;AAOO,MAAME,uBAAA,GAA0BR,aAAA,CAAyC,IAAI;AAE7E,SAASS,yBAAyBC,QAAA,EAAyB;EAChE,MAAMC,QAAA,GAAWV,UAAA,CAAWO,uBAAuB;EACnDJ,yBAAA,CACE,MAAOM,QAAA,IAAYC,QAAA,GAAWA,QAAA,CAAS,IAAI,QAC3C,CAACD,QAAA,EAAUC,QAAQ,CACrB;AACF;AAqBO,MAAMC,6BAAA,GAAgCZ,aAAA,CAA6C,IAAI;AAEvF,SAASa,0BAAA,EAA2D;EACzE,OAAOZ,UAAA,CAAWW,6BAA6B;AACjD","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["createContext","useContext","useEffect","useLayoutEffect","useIsomorphicLayoutEffect","window","IconButtonGroupContext","useIconButtonGroupGround","IconButtonGroupRegistry","useIconButtonGroupMember","iconOnly","register","IconButtonGroupSurfaceContext","useIconButtonGroupSurface"],"sources":["iconButtonGroupContext.native.js"],"sourcesContent":["import { createContext, useContext, useEffect, useLayoutEffect } from \"react\";\nvar useIsomorphicLayoutEffect = typeof window === \"undefined\" ? useEffect : useLayoutEffect;\nvar IconButtonGroupContext = createContext(null);\nfunction useIconButtonGroupGround() {\n  return useContext(IconButtonGroupContext);\n}\nvar IconButtonGroupRegistry = createContext(null);\nfunction useIconButtonGroupMember(iconOnly) {\n  var register = useContext(IconButtonGroupRegistry);\n  useIsomorphicLayoutEffect(function() {\n    return iconOnly && register ? register() : void 0;\n  }, [\n    iconOnly,\n    register\n  ]);\n}\nvar IconButtonGroupSurfaceContext = createContext(null);\nfunction useIconButtonGroupSurface() {\n  return useContext(IconButtonGroupSurfaceContext);\n}\nexport {\n  IconButtonGroupContext,\n  IconButtonGroupRegistry,\n  IconButtonGroupSurfaceContext,\n  useIconButtonGroupGround,\n  useIconButtonGroupMember,\n  useIconButtonGroupSurface\n};\n//# sourceMappingURL=iconButtonGroupContext.js.map\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,EAAEC,SAAS,EAAEC,eAAe,QAAQ,OAAO;AAC7E,IAAIC,yBAAyB,GAAG,OAAOC,MAAM,KAAK,WAAW,GAAGH,SAAS,GAAGC,eAAe;AAC3F,IAAIG,sBAAsB,GAAGN,aAAa,CAAC,IAAI,CAAC;AAChD,SAASO,wBAAwBA,CAAA,EAAG;EAClC,OAAON,UAAU,CAACK,sBAAsB,CAAC;AAC3C;AACA,IAAIE,uBAAuB,GAAGR,aAAa,CAAC,IAAI,CAAC;AACjD,SAASS,wBAAwBA,CAACC,QAAQ,EAAE;EAC1C,IAAIC,QAAQ,GAAGV,UAAU,CAACO,uBAAuB,CAAC;EAClDJ,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;AACA,IAAIC,6BAA6B,GAAGZ,aAAa,CAAC,IAAI,CAAC;AACvD,SAASa,yBAAyBA,CAAA,EAAG;EACnC,OAAOZ,UAAU,CAACW,6BAA6B,CAAC;AAClD;AACA,SACEN,sBAAsB,EACtBE,uBAAuB,EACvBI,6BAA6B,EAC7BL,wBAAwB,EACxBE,wBAAwB,EACxBI,yBAAyB","ignoreList":[]}
+{"version":3,"names":["createContext","useContext","useEffect","useLayoutEffect","useIsomorphicLayoutEffect","window","IconButtonGroupContext","useIconButtonGroupGround","IconButtonGroupRegistry","useIconButtonGroupMember","iconOnly","register","IconButtonGroupSurfaceContext","useIconButtonGroupSurface"],"sources":["../../../src/Button/iconButtonGroupContext.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,aAAA,EAAeC,UAAA,EAAYC,SAAA,EAAWC,eAAA,QAAuB;AAEtE,IAAAC,yBAAM,UAA4BC,MAAO,gBAAW,GAAAH,SAAc,GAAAC,eAAY;AASvE,IAAAG,sBAAM,GAAAN,aAAyB,KAAqC;AAEpE,SAASO,yBAAA,EAAkD;EAChE,OAAON,UAAA,CAAWK,sBAAsB;AAC1C;AAOO,IAAAE,uBAAM,GAAAR,aAA0B,KAAyC;AAEzE,SAASS,yBAAyBC,QAAA,EAAyB;EAChE,IAAAC,QAAM,GAAAV,UAAW,CAAAO,uBAAW;EAC5BJ,yBAAA;IACE,OAAOM,QAAA,IAAYC,QAAA,GAAWA,QAAS,KAAI;EAAA,GAC1C,CACHD,QAAA,EACFC,QAAA,CAqBO;AAEA;AACL,IAAAC,6BAAkB,GAAAZ,aAA6B;AACjD,SAAAa,0BAAA","ignoreList":[]}

package/dist/esm/Button/index.mjs

@@ -17,10 +17,9 @@ import { warnBareDisabled, warnPositiveTabIndex, warnSizeRecipeEscape } from "..
 import { useControlGrouped } from "../shared/groupContext.mjs";
 import { useInPanelEcho, usePanelTriggerRadiusReporter } from "../FloatingPanel/echoContext.mjs";
 import { loadGlassView } from "./glass.mjs";
-import { MEDIA_PLATE_WEB_STYLE } from "./mediaPlate.mjs";
 import { boldStroke, GLYPH_BOLD_STROKE_UNITS, ICON_BUTTON_CIRCLE_GLYPH_RATIO } from "./circleGlyph.mjs";
 import { useIconButtonGroupGround, useIconButtonGroupMember } from "./iconButtonGroupContext.mjs";
-import { IconButtonGroup, ICON_BUTTON_GLASS_MERGE_PX } from "./IconButtonGroup.mjs";
+import { IconButtonGroup } from "./IconButtonGroup.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 const buttonSizeRecipes = recipeFamilies.control.recipes;
 function resolveButtonSizeRecipe(size, family = "control", touch = false) {
@@ -588,7 +587,9 @@ function Button({
   } : void 0;
   const iconPress = glyphState ? isWeb ? hostScoped({
     backgroundColor: "$backgroundPress"
-  }) : {
+  }) : GlassView || glassGroup ? {
+    backgroundColor: "transparent"
+  } : {
     backgroundColor: "transparent",
     opacity: ICON_BUTTON_PRESS_OPACITY
   } : mediaPlate ? {
@@ -643,10 +644,7 @@ function Button({
     } : void 0),
     ...(mediaPlate ? {
       borderRadius: 1e5,
-      backgroundColor: "$shadow4",
-      ...(isWeb ? {
-        style: MEDIA_PLATE_WEB_STYLE
-      } : void 0)
+      backgroundColor: "$shadow4"
     } : void 0),
     ...(edge && !inlineGlyph && chromeless && !selectedFill && !isCircular ? edge === "start" ? {
       marginInlineStart: glyphEdgePull
@@ -802,17 +800,20 @@ function Button({
     } : void 0),
     children: [GlassView ? /* @__PURE__ */jsx(GlassView, {
       glassEffectStyle: "regular",
-      isInteractive: true,
-      pointerEvents: "none",
+      isInteractive: !unavailable,
+      colorScheme: darkScheme ? "dark" : "light",
       style: {
         position: "absolute",
         top: glassInset,
         right: glassInset,
         bottom: glassInset,
         left: glassInset,
-        borderRadius: visualPx / 2
-      }
-    }) : null, iconElement, labelContent, iconAfterElement]
+        borderRadius: visualPx / 2,
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: iconElement
+    }) : iconElement, labelContent, iconAfterElement]
   });
   const intentButton = activeThemeName ? /* @__PURE__ */jsx(Theme, {
     name: activeThemeName,
@@ -851,5 +852,5 @@ function IconButton(props) {
     ...props
   });
 }
-export { Button, ButtonFrame, GLYPH_BOLD_STROKE_UNITS, ICON_BUTTON_CIRCLE_GLYPH_RATIO, ICON_BUTTON_GLASS_MERGE_PX, ICON_BUTTON_GLYPH_PX, ICON_BUTTON_NEUTRAL_GLYPH_PX, ICON_BUTTON_PRESS_OPACITY, IconButton, IconButtonGroup, buttonSizeRecipes, iconButtonGlyphPx, labelLinePx, resolveButtonSizeRecipe };
+export { Button, ButtonFrame, GLYPH_BOLD_STROKE_UNITS, ICON_BUTTON_CIRCLE_GLYPH_RATIO, ICON_BUTTON_GLYPH_PX, ICON_BUTTON_NEUTRAL_GLYPH_PX, ICON_BUTTON_PRESS_OPACITY, IconButton, IconButtonGroup, buttonSizeRecipes, iconButtonGlyphPx, labelLinePx, resolveButtonSizeRecipe };
 //# sourceMappingURL=index.mjs.map