@multiplatform.one/forms 7.77.1 → 7.78.0

package/dist/esm/Button/IconButtonGroup.mjs

@@ -1,24 +1,41 @@
-import { radiusClassProps, useBarSurface } from "@multiplatform.one/theme";
-import { useCallback, 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 { IconButtonGroupContext, IconButtonGroupRegistry } from "./iconButtonGroupContext.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(() => {
     setMembers(count => count + 1);
     return () => setMembers(count => count - 1);
   }, []);
+  const capsuleRef = useRef(null);
+  const surface = 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__ */jsx(IconButtonGroupContext.Provider, {
       value: "media",
@@ -32,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, {
@@ -57,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,
@@ -72,38 +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": GlassView && members > 0 ? "glass" : bar ? "bar" : "row",
+    "data-mp-icon-button-group": capsule ? "glass" : bar ? "bar" : "row",
     ...rest,
+    ...(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__ */jsxs(View, {
-        position: "relative",
-        flexShrink: 1,
-        minWidth: 0,
-        onLayout: event => setCapsuleHeight(event.nativeEvent.layout.height),
-        children: [members > 0 ? /* @__PURE__ */jsx(GlassView, {
-          glassEffectStyle: "regular",
-          pointerEvents: "none",
-          style: {
-            position: "absolute",
-            top: 0,
-            right: 0,
-            bottom: 0,
-            left: 0,
-            borderRadius: capsuleHeight / 2
-          }
-        }) : null, row]
+      children: /* @__PURE__ */jsx(IconButtonGroupSurfaceContext.Provider, {
+        value: members > 0 ? surface : null,
+        children: /* @__PURE__ */jsx(View, {
+          ref: capsuleRef,
+          collapsable: false,
+          flexShrink: 1,
+          minWidth: 0,
+          onLayout: event => setCapsuleHeight(event.nativeEvent.layout.height),
+          children: GlassContainer ? /* @__PURE__ */jsx(GlassContainer, {
+            spacing: SYSTEM_GLASS_SPACING,
+            style: {
+              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","useState","isWeb","Theme","View","XStack","loadGlassView","MEDIA_PLATE_WEB_STYLE","isAppleTouchWeb","WebGlassFace","IconButtonGroupContext","IconButtonGroupRegistry","jsx","jsxs","ICON_BUTTON_GLASS_MERGE_PX","IconButtonGroup","plate","children","rest","bar","capsuleHeight","setCapsuleHeight","members","setMembers","register","count","Provider","value","name","alignItems","alignSelf","borderRadius","backgroundColor","overflow","style","position","zIndex","paddingHorizontal","gap","top","right","bottom","left","GlassView","row","flexShrink","minWidth","onLayout","event","nativeEvent","layout","height","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":"AAAA,SAASA,eAAA,EAAiBC,gBAAA,EAAkBC,aAAA,QAAqB;AACjE,SAASC,QAAA,EAAUC,WAAA,EAAaC,OAAA,EAASC,MAAA,EAAQC,QAAA,QAAgC;AACjF,SAASC,KAAA,EAAOC,KAAA,EAAOC,YAAA,EAAcC,IAAA,EAAMC,MAAA,QAAgC;AAC3E,SAASC,kBAAA,EAAoBC,aAAA,QAAqB;AAClD,SAASC,eAAA,QAAuB;AAChC,SACEC,sBAAA,EACAC,uBAAA,EACAC,6BAAA,QAEK;AAuDG,SAAAC,GAAA,EA4BEC,IAAA,QA5BF;AApDV,MAAMC,oBAAA,GAAuB;AAuBtB,SAASC,gBAAgB;EAAEC,KAAA;EAAOC,QAAA;EAAU,GAAGC;AAAK,GAAyB;EAClF,MAAMC,GAAA,GAAMxB,aAAA,CAAc;EAC1B,MAAMyB,IAAA,GAAO3B,eAAA,CAAgBU,YAAA,CAAa,CAAC;EAC3C,MAAM,CAACkB,aAAA,EAAeC,gBAAgB,IAAItB,QAAA,CAAS,CAAC;EACpD,MAAM,CAACuB,OAAA,EAASC,UAAU,IAAIxB,QAAA,CAAS,CAAC;EACxC,MAAMyB,QAAA,GAAW5B,WAAA,CAAY,MAAM;IACjC2B,UAAA,CAAYE,KAAA,IAAUA,KAAA,GAAQ,CAAC;IAC/B,OAAO,MAAMF,UAAA,CAAYE,KAAA,IAAUA,KAAA,GAAQ,CAAC;EAC9C,GAAG,EAAE;EACL,MAAMC,UAAA,GAAa5B,MAAA,CAA8B,IAAI;EACrD,MAAM6B,OAAA,GAAU9B,OAAA,CACd,OAAO;IACL+B,QAAQC,QAAA,EAAU;MAChB,MAAMC,IAAA,GAAOJ,UAAA,CAAWK,OAAA;MACxB,IAAI,OAAOD,IAAA,EAAME,eAAA,KAAoB,YAAY;QAC/CH,QAAA,CAAS,IAAI;QACb;MACF;MACAC,IAAA,CAAKE,eAAA,CAAgB,CAACC,CAAA,EAAGC,CAAA,EAAGC,KAAA,EAAOC,MAAA,KACjCP,QAAA,CAASM,KAAA,GAAQ,KAAKC,MAAA,GAAS,IAAI;QAAEH,CAAA;QAAGC,CAAA;QAAGC,KAAA;QAAOC,MAAA;QAAQC,MAAA,EAAQD,MAAA,GAAS;MAAE,IAAI,IAAI,CACvF;IACF;EACF,IACA,EACF;EACA,IAAIrB,KAAA,KAAU,SAAS;IACrB,OACE,eAAAJ,GAAA,CAACH,sBAAA,CAAuB8B,QAAA,EAAvB;MAAgCC,KAAA,EAAM;MACrCvB,QAAA,iBAAAL,GAAA,CAACV,KAAA;QAAMuC,IAAA,EAAK;QACVxB,QAAA,iBAAAL,GAAA,CAACP,MAAA;UACCqC,UAAA,EAAW;UACXC,SAAA,EAAU;UACVC,YAAA,EAAc;UACdC,eAAA,EAAgB;UAChBC,QAAA,EAAS;UACT,6BAA0B;UACzB,GAAGpD,gBAAA,CAAiB,cAAc,mBAAmB;UACrD,GAAGwB,IAAA;UAEHD;QAAA,CACH;MAAA,CACF;IAAA,CACF;EAEJ;EACA,MAAM8B,SAAA,GAAY5B,GAAA,GAAMZ,aAAA,CAAc,IAAI;EAC1C,IAAIwC,SAAA,IAAa9C,KAAA,IAASO,eAAA,CAAgB,GAAG;IAG3C,OACE,eAAAI,GAAA,CAACF,uBAAA,CAAwB6B,QAAA,EAAxB;MAAiCC,KAAA,EAAOf,QAAA;MACvCR,QAAA,iBAAAL,GAAA,CAACH,sBAAA,CAAuB8B,QAAA,EAAvB;QAAgCC,KAAA,EAAM;QACrCvB,QAAA,iBAAAL,GAAA,CAACP,MAAA;UACCqC,UAAA,EAAW;UACX,6BAA2BnB,OAAA,GAAU,IAAI,UAAU;UAClD,GAAGL,IAAA;UAEJD,QAAA,iBAAAJ,IAAA,CAACR,MAAA;YACCqC,UAAA,EAAW;YACXM,QAAA,EAAS;YACTC,MAAA,EAAQ;YACRC,iBAAA,EAAkB;YAClBC,GAAA,EAAI;YACJ,yBAAsB;YAErBlC,QAAA,GAAAM,OAAA,GAAU,IACT,eAAAX,GAAA,CAACmC,SAAA;cACCK,KAAA,EAAO;gBACLJ,QAAA,EAAU;gBACVK,GAAA,EAAK;gBACLC,KAAA,EAAO;gBACPC,MAAA,EAAQ;gBACRC,IAAA,EAAM;gBACNZ,YAAA,EAAc;cAChB;YAAA,CACF,IACE,MACH3B,QAAA;UAAA,CACH;QAAA,CACF;MAAA,CACF;IAAA,CACF;EAEJ;EACA,MAAMwC,OAAA,GAAUV,SAAA,IAAa,QAAQxB,OAAA,GAAU;EAI/C,MAAMmC,IAAA,GAAOnC,OAAA,KAAY,KAAK3B,QAAA,CAAS+D,OAAA,CAAQ1C,QAAQ,EAAE2C,MAAA,KAAW;EACpE,MAAMC,GAAA,GACJ,eAAAjD,GAAA,CAACP,MAAA;IACCqC,UAAA,EAAW;IACX,6BAA2Be,OAAA,GAAU,UAAUtC,GAAA,GAAM,QAAQ;IAC5D,GAAGD,IAAA;IACH,IAAIuC,OAAA,IAAW,CAACC,IAAA,GAAO;MAAER,iBAAA,EAAmB;MAAeC,GAAA,EAAK;IAAc,IAAI;IAElFlC;EAAA,CACH;EAEF,IAAI,CAAC8B,SAAA,EAAW,OAAOc,GAAA;EAIvB,MAAMC,KAAA,GACJ,eAAAlD,GAAA,CAACmC,SAAA;IACCgB,gBAAA,EAAkBN,OAAA,GAAU,YAAY;IACxCO,aAAA,EAAeP,OAAA;IACfQ,WAAA,EAAa7C,IAAA,GAAO,SAAS;IAC7BgC,KAAA,EAAO;MAAER,YAAA,EAAcvB,aAAA,GAAgB;MAAG6C,UAAA,EAAY;MAAGC,QAAA,EAAU;IAAE;IAEpElD,QAAA,EAAA4C;EAAA,CACH;EAEF,MAAMO,cAAA,GAAiB9D,kBAAA,CAAmB;EAC1C,OACE,eAAAM,GAAA,CAACF,uBAAA,CAAwB6B,QAAA,EAAxB;IAAiCC,KAAA,EAAOf,QAAA;IACvCR,QAAA,iBAAAL,GAAA,CAACH,sBAAA,CAAuB8B,QAAA,EAAvB;MAAgCC,KAAA,EAAM;MACrCvB,QAAA,iBAAAL,GAAA,CAACD,6BAAA,CAA8B4B,QAAA,EAA9B;QAAuCC,KAAA,EAAOjB,OAAA,GAAU,IAAIK,OAAA,GAAU;QACrEX,QAAA,iBAAAL,GAAA,CAACR,IAAA;UACCiE,GAAA,EAAK1C,UAAA;UACL2C,WAAA,EAAa;UACbJ,UAAA,EAAY;UACZC,QAAA,EAAU;UACVI,QAAA,EAAWC,KAAA,IAAUlD,gBAAA,CAAiBkD,KAAA,CAAMC,WAAA,CAAYC,MAAA,CAAOrC,MAAM;UAEpEpB,QAAA,EAAAmD,cAAA,GACC,eAAAxD,GAAA,CAACwD,cAAA;YAAeO,OAAA,EAAS7D,oBAAA;YAAsBsC,KAAA,EAAO;cAAEc,UAAA,EAAY;cAAGC,QAAA,EAAU;YAAE;YAChFlD,QAAA,EAAA6C;UAAA,CACH,IAEAA;QAAA,CAEJ;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","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, 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 { IconButtonGroupContext, IconButtonGroupRegistry } from "./iconButtonGroupContext.native.js";
-var ICON_BUTTON_GLASS_MERGE_PX = 22;
+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 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 () {
@@ -26,6 +26,27 @@ function IconButtonGroup(param) {
       });
     };
   }, []);
+  var capsuleRef = useRef(null);
+  var surface = 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__ */_jsx(IconButtonGroupContext.Provider, {
       value: "media",
@@ -39,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, {
@@ -64,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,
@@ -79,40 +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": GlassView && members > 0 ? "glass" : bar ? "bar" : "row",
+    "data-mp-icon-button-group": capsule ? "glass" : bar ? "bar" : "row",
     ...rest,
+    ...(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__ */_jsxs(View, {
-        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",
-          style: {
-            position: "absolute",
-            top: 0,
-            right: 0,
-            bottom: 0,
-            left: 0,
-            borderRadius: capsuleHeight / 2
-          }
-        }) : null, row]
+      children: /* @__PURE__ */_jsx(IconButtonGroupSurfaceContext.Provider, {
+        value: members > 0 ? surface : null,
+        children: /* @__PURE__ */_jsx(View, {
+          ref: capsuleRef,
+          collapsable: false,
+          flexShrink: 1,
+          minWidth: 0,
+          onLayout: function onLayout(event) {
+            return setCapsuleHeight(event.nativeEvent.layout.height);
+          },
+          children: GlassContainer ? /* @__PURE__ */_jsx(GlassContainer, {
+            spacing: SYSTEM_GLASS_SPACING,
+            style: {
+              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","useState","isWeb","Theme","View","XStack","loadGlassView","MEDIA_PLATE_WEB_STYLE","isAppleTouchWeb","WebGlassFace","IconButtonGroupContext","IconButtonGroupRegistry","ICON_BUTTON_GLASS_MERGE_PX","IconButtonGroup","param","plate","children","rest","bar","capsuleHeight","setCapsuleHeight","members","setMembers","register","count","Provider","value","name","alignItems","alignSelf","borderRadius","backgroundColor","overflow","style","position","zIndex","paddingHorizontal","gap","top","right","bottom","left","GlassView","row","flexShrink","minWidth","onLayout","event","nativeEvent","layout","height","glassEffectStyle","pointerEvents"],"sources":["../../../src/Button/IconButtonGroup.tsx"],"sourcesContent":[null],"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.mjs

@@ -1,3 +1,11 @@
 const ICON_BUTTON_CIRCLE_GLYPH_RATIO = 0.58;
-export { ICON_BUTTON_CIRCLE_GLYPH_RATIO };
+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;
+}
+export { GLYPH_BOLD_STROKE_UNITS, ICON_BUTTON_CIRCLE_GLYPH_RATIO, boldStroke };
 //# sourceMappingURL=circleGlyph.mjs.map

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

@@ -1 +1 @@
-{"version":3,"names":["ICON_BUTTON_CIRCLE_GLYPH_RATIO"],"sources":["../../../src/Button/circleGlyph.ts"],"sourcesContent":[null],"mappings":"AAKO,MAAMA,8BAAA,GAAiC","ignoreList":[]}
+{"version":3,"names":["ICON_BUTTON_CIRCLE_GLYPH_RATIO","GLYPH_BOLD_STROKE_UNITS","boldStroke","weight","color","stroke","strokeWidth","strokeLinejoin"],"sources":["../../../src/Button/circleGlyph.ts"],"sourcesContent":[null],"mappings":"AAKO,MAAMA,8BAAA,GAAiC;AAQvC,MAAMC,uBAAA,GAA0B;AAEhC,SAASC,WAAWC,MAAA,EAA4BC,KAAA,GAAQ,gBAAgB;EAC7E,OAAOD,MAAA,KAAW,SACd;IACEE,MAAA,EAAQD,KAAA;IACRE,WAAA,EAAaL,uBAAA;IACbM,cAAA,EAAgB;EAClB,IACA;AACN","ignoreList":[]}

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

@@ -1,3 +1,12 @@
 var ICON_BUTTON_CIRCLE_GLYPH_RATIO = 0.58;
-export { ICON_BUTTON_CIRCLE_GLYPH_RATIO };
+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;
+}
+export { GLYPH_BOLD_STROKE_UNITS, ICON_BUTTON_CIRCLE_GLYPH_RATIO, boldStroke };
 //# sourceMappingURL=circleGlyph.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["ICON_BUTTON_CIRCLE_GLYPH_RATIO"],"sources":["../../../src/Button/circleGlyph.ts"],"sourcesContent":[null],"mappings":"AAKO,IAAAA,8BAAM,OAAiC","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

@@ -9,5 +9,9 @@ function useIconButtonGroupMember(iconOnly) {
   const register = useContext(IconButtonGroupRegistry);
   useIsomorphicLayoutEffect(() => iconOnly && register ? register() : void 0, [iconOnly, register]);
 }
-export { IconButtonGroupContext, IconButtonGroupRegistry, useIconButtonGroupGround, useIconButtonGroupMember };
+const IconButtonGroupSurfaceContext = createContext(null);
+function useIconButtonGroupSurface() {
+  return useContext(IconButtonGroupSurfaceContext);
+}
+export { IconButtonGroupContext, IconButtonGroupRegistry, IconButtonGroupSurfaceContext, useIconButtonGroupGround, useIconButtonGroupMember, useIconButtonGroupSurface };
 //# sourceMappingURL=iconButtonGroupContext.mjs.map

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

@@ -1 +1 @@
-{"version":3,"names":["createContext","useContext","useEffect","useLayoutEffect","useIsomorphicLayoutEffect","window","IconButtonGroupContext","useIconButtonGroupGround","IconButtonGroupRegistry","useIconButtonGroupMember","iconOnly","register"],"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","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

@@ -11,5 +11,9 @@ function useIconButtonGroupMember(iconOnly) {
     return iconOnly && register ? register() : void 0;
   }, [iconOnly, register]);
 }
-export { IconButtonGroupContext, IconButtonGroupRegistry, useIconButtonGroupGround, useIconButtonGroupMember };
+var IconButtonGroupSurfaceContext = createContext(null);
+function useIconButtonGroupSurface() {
+  return useContext(IconButtonGroupSurfaceContext);
+}
+export { IconButtonGroupContext, IconButtonGroupRegistry, IconButtonGroupSurfaceContext, useIconButtonGroupGround, useIconButtonGroupMember, useIconButtonGroupSurface };
 //# sourceMappingURL=iconButtonGroupContext.native.js.map

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"],"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;AAUvE,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,C","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":[]}