@multiplatform.one/forms 7.77.1 → 7.78.0

package/dist/cjs/Button/IconButtonGroup.cjs

@@ -22,7 +22,6 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var IconButtonGroup_exports = {};
 __export(IconButtonGroup_exports, {
-  ICON_BUTTON_GLASS_MERGE_PX: () => ICON_BUTTON_GLASS_MERGE_PX,
   IconButtonGroup: () => IconButtonGroup
 });
 module.exports = __toCommonJS(IconButtonGroup_exports);
@@ -30,23 +29,40 @@ var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
 var import_glass = require("./glass.cjs");
-var import_mediaPlate = require("./mediaPlate.cjs");
 var import_webGlass = require("./webGlass.cjs");
 var import_iconButtonGroupContext = require("./iconButtonGroupContext.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-const ICON_BUTTON_GLASS_MERGE_PX = 22;
+const SYSTEM_GLASS_SPACING = 0;
 function IconButtonGroup({
   plate,
   children,
   ...rest
 }) {
   const bar = (0, import_theme.useBarSurface)();
+  const dark = (0, import_theme.isDarkThemeName)((0, import_tamagui.useThemeName)());
   const [capsuleHeight, setCapsuleHeight] = (0, import_react.useState)(0);
   const [members, setMembers] = (0, import_react.useState)(0);
   const register = (0, import_react.useCallback)(() => {
     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",
@@ -60,16 +76,14 @@ function IconButtonGroup({
           overflow: "hidden",
           "data-mp-icon-button-group": "media",
           ...(0, import_theme.radiusClassProps)("R-IDENTITY", "icon button plate"),
-          ...(import_tamagui.isWeb ? {
-            style: import_mediaPlate.MEDIA_PLATE_WEB_STYLE
-          } : void 0),
           ...rest,
           children
         })
       })
     });
   }
-  if (bar && import_tamagui.isWeb && (0, import_webGlass.isAppleTouchWeb)()) {
+  const GlassView = bar ? (0, import_glass.loadGlassView)() : null;
+  if (GlassView && import_tamagui.isWeb && (0, import_webGlass.isAppleTouchWeb)()) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupRegistry.Provider, {
       value: register,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupContext.Provider, {
@@ -85,7 +99,7 @@ function IconButtonGroup({
             paddingHorizontal: "$2",
             gap: "$1",
             "data-mp-glass-capsule": "",
-            children: [members > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_webGlass.WebGlassFace, {
+            children: [members > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(GlassView, {
               style: {
                 position: "absolute",
                 top: 0,
@@ -100,35 +114,52 @@ function IconButtonGroup({
       })
     });
   }
-  const GlassView = bar ? (0, import_glass.loadGlassView)() : null;
+  const capsule = GlassView != null && members > 0;
+  const lone = members === 1 && import_react.Children.toArray(children).length === 1;
   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 && !lone ? {
+      paddingHorizontal: "$2",
+      gap: "$1"
+    } : null),
     children
   });
   if (!GlassView) return row;
+  const glass = /* @__PURE__ */(0, import_jsx_runtime.jsx)(GlassView, {
+    glassEffectStyle: capsule ? "regular" : "none",
+    isInteractive: capsule,
+    colorScheme: dark ? "dark" : "light",
+    style: {
+      borderRadius: capsuleHeight / 2,
+      flexShrink: 1,
+      minWidth: 0
+    },
+    children: row
+  });
+  const GlassContainer = (0, import_glass.loadGlassContainer)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupRegistry.Provider, {
     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.jsx)(import_tamagui.View, {
+          ref: capsuleRef,
+          collapsable: false,
+          flexShrink: 1,
+          minWidth: 0,
+          onLayout: event => setCapsuleHeight(event.nativeEvent.layout.height),
+          children: GlassContainer ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(GlassContainer, {
+            spacing: SYSTEM_GLASS_SPACING,
+            style: {
+              flexShrink: 1,
+              minWidth: 0
+            },
+            children: glass
+          }) : glass
+        })
       })
     })
   });

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

@@ -24,7 +24,6 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var IconButtonGroup_exports = {};
 __export(IconButtonGroup_exports, {
-  ICON_BUTTON_GLASS_MERGE_PX: () => ICON_BUTTON_GLASS_MERGE_PX,
   IconButtonGroup: () => IconButtonGroup
 });
 module.exports = __toCommonJS(IconButtonGroup_exports);
@@ -33,10 +32,9 @@ var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
 var import_glass = require("./glass.native.js");
-var import_mediaPlate = require("./mediaPlate.native.js");
 var import_webGlass = require("./webGlass.native.js");
 var import_iconButtonGroupContext = require("./iconButtonGroupContext.native.js");
-var ICON_BUTTON_GLASS_MERGE_PX = 22;
+var SYSTEM_GLASS_SPACING = 0;
 function IconButtonGroup(param) {
   var {
     plate,
@@ -44,6 +42,7 @@ function IconButtonGroup(param) {
     ...rest
   } = param;
   var bar = (0, import_theme.useBarSurface)();
+  var dark = (0, import_theme.isDarkThemeName)((0, import_tamagui.useThemeName)());
   var [capsuleHeight, setCapsuleHeight] = (0, import_react.useState)(0);
   var [members, setMembers] = (0, import_react.useState)(0);
   var register = (0, import_react.useCallback)(function () {
@@ -56,6 +55,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",
@@ -69,16 +89,14 @@ function IconButtonGroup(param) {
           overflow: "hidden",
           "data-mp-icon-button-group": "media",
           ...(0, import_theme.radiusClassProps)("R-IDENTITY", "icon button plate"),
-          ...(import_tamagui.isWeb ? {
-            style: import_mediaPlate.MEDIA_PLATE_WEB_STYLE
-          } : void 0),
           ...rest,
           children
         })
       })
     });
   }
-  if (bar && import_tamagui.isWeb && (0, import_webGlass.isAppleTouchWeb)()) {
+  var GlassView = bar ? (0, import_glass.loadGlassView)() : null;
+  if (GlassView && import_tamagui.isWeb && (0, import_webGlass.isAppleTouchWeb)()) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupRegistry.Provider, {
       value: register,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupContext.Provider, {
@@ -94,7 +112,7 @@ function IconButtonGroup(param) {
             paddingHorizontal: "$2",
             gap: "$1",
             "data-mp-glass-capsule": "",
-            children: [members > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_webGlass.WebGlassFace, {
+            children: [members > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(GlassView, {
               style: {
                 position: "absolute",
                 top: 0,
@@ -109,37 +127,54 @@ function IconButtonGroup(param) {
       })
     });
   }
-  var GlassView = bar ? (0, import_glass.loadGlassView)() : null;
+  var capsule = GlassView != null && members > 0;
+  var lone = members === 1 && import_react.Children.toArray(children).length === 1;
   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 && !lone ? {
+      paddingHorizontal: "$2",
+      gap: "$1"
+    } : null),
     children
   });
   if (!GlassView) return row;
+  var glass = /* @__PURE__ */(0, import_jsx_runtime.jsx)(GlassView, {
+    glassEffectStyle: capsule ? "regular" : "none",
+    isInteractive: capsule,
+    colorScheme: dark ? "dark" : "light",
+    style: {
+      borderRadius: capsuleHeight / 2,
+      flexShrink: 1,
+      minWidth: 0
+    },
+    children: row
+  });
+  var GlassContainer = (0, import_glass.loadGlassContainer)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_iconButtonGroupContext.IconButtonGroupRegistry.Provider, {
     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.jsx)(import_tamagui.View, {
+          ref: capsuleRef,
+          collapsable: false,
+          flexShrink: 1,
+          minWidth: 0,
+          onLayout: function onLayout(event) {
+            return setCapsuleHeight(event.nativeEvent.layout.height);
+          },
+          children: GlassContainer ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(GlassContainer, {
+            spacing: SYSTEM_GLASS_SPACING,
+            style: {
+              flexShrink: 1,
+              minWidth: 0
+            },
+            children: glass
+          }) : glass
+        })
       })
     })
   });

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","IconButtonGroup_exports","__export","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","name","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":["../../../src/Button/IconButtonGroup.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,0BAAA,EAAAA,CAAA,KAAAA,0BAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAgD,CAAAK,uBAAA;AAChD,IAAAM,kBAAsD,GAAAC,OAAA;AACtD,IAAAC,YAAA,GAAAD,OAA6D;AAC7D,IAAAE,YAAA,GAA8BF,OAAA;AAC9B,IAAAG,cAAA,GAAAH,OAAsC;AACtC,IAAAI,YAAA,GAAAJ,OAA8C;AAC9C,IAAAK,iBAAA,GAAAL,OAAA,yBAAgE;AAmCtD,IAAAM,eAAA,GAAAN,OAAA;AA7BH,IAAAO,6BAAM,GAA6BP,OAAA;AAiBnC,IAAAL,0BAA2B,KAAO;AACvC,SAAMC,eAAMA,CAAAY,KAAA;EACZ;IAAMC,KAAC;IAAAC,QAAA;IAAe,GAAAC;EAAA,IAAAH,KAAgB;EACtC,IAAAI,GAAO,OAAAX,YAAmB,CAAAY,aAAI;EAC9B,KAAAC,aAAM,EAAAC,gBAAW,QAAAb,YAAkB,CAAAc,QAAA;EACjC,KAAAC,OAAA,EAAYC,UAAU,QAAQhB,YAAC,CAAAc,QAAA;EAC/B,IAAAG,QAAO,GAAM,IAAAjB,YAAY,CAAAkB,WAAU,EAAQ,YAAC;IAC9CF,UAAK,WAAAG,KAAA;MACD,OAAAA,KAAU;IACZ;IAGM,OAAC;MAAA,OAAAH,UAAA,WAAAG,KAAA;QACC,OAAAA,KAAW;MAAA,EACX;IAAU;EACI,MACd;EAAgB,IAAAZ,KAChB,YAAS;IAAA,OACT,mBAAAV,kBAA0B,CAAAuB,GAAA,EAAAf,6BAAA,CAAAgB,sBAAA,CAAAC,QAAA;MAAAhC,KACzB,SAAG;MAAkDkB,QACjD,mBAAQ,EAAEX,kBAAO,CAAAuB,GAAA,EAAAnB,cAAA,CAAAsB,KAAA;QACrBC,IAAG;QAEHhB,QAAA,qBAAAX,kBAAA,CAAAuB,GAAA,EAAAnB,cAAA,CAAAwB,MAAA;UAAAC,UAAA;UAGPC,SAAA;UAEJC,YAAA;UACIC,eAAO;UAGTC,QACE;UAEK;UAAA,OAAA/B,YAAA,CAAAgC,gBAAA;UACC,IAAA9B,cAAW,CAAA+B,KAAA;YACXC,KAAA,EAAA9B,iBAAA,CAA2B+B;UAC1B,CAAG;UAEJ,GAAAzB,IAAA;UAACD;QAAA;MAAA;IACY;EACF;EACD,IAAAE,GAAA,IACRT,cAAA,CAAA+B,KAAkB,QAAA5B,eAAA,CAAA+B,eAAA;IAAA,sBACd,IAAAtC,kBAAA,CAAAuB,GAAA,EAAAf,6BAAA,CAAA+B,uBAAA,CAAAd,QAAA;MAAAhC,KAAA,EACJ2B,QAAA;MAAsBT,QAErB,qBAAAX,kBAAA,CAAAuB,GAAA,EAAAf,6BAAA,CAAAgB,sBAAA,CAAAC,QAAA;QAAAhC,KAAA;QACCkB,QAAC,qBAAAX,kBAAA,CAAAuB,GAAA,EAAAnB,cAAA,CAAAwB,MAAA;UAAAC,UAAA;UAAA,2BACQ,EAAAX,OAAA;UAAA,GAAAN,IAAA;UACKD,QAAA,EACV,eAAK,IAAAX,kBAAA,CAAAwC,IAAA,EAAApC,cAAA,CAAAwB,MAAA;YAAAC,UACL,UAAO;YAAAY,QACP,YAAQ;YAAAC,MAAA,EACR;YAAMC,iBACN,MAAc;YAAAC,GAAA,MAChB;YAAA;YAAAjC,QAEA,GACHO,OAAA,0BAAAlB,kBAAA,CAAAuB,GAAA,EAAAhB,eAAA,CAAAsC,YAAA;cAAAT,KAAA;gBAAAK,QAAA;gBACHK,GAAA;gBAAAC,KAAA;gBAGNC,MAAA;gBAEJC,IAAA;gBACMlB,YAAkB;cAEtB;YAAC,WAAApB,QAAA;UAEC;QACC,CAAG;MAEH;IAAA;EACH;EAEF,IAAIuC,SAAC,GAAWrC,GAAA,IAAO,GAAAR,YAAA,CAAA8C,aAAA;EACvB,IAAAC,GACE,sBAAApD,kBAAA,CAAAuB,GAAC,EAAAnB,cAAA,CAAAwB,MAAA;IAEIC,UAAA;IAAA,6BAAAqB,SAAA,IAAAhC,OAAA,iBAAAL,GAAA;IAAA,GACCD,IAAA;IAASD;EACG;EACF,IACV,CAAAuC,SAAU,EAAC,OAAAE,GAAU;EAAgD,OAEpE,mBAAApD,kBAAA,CAAAuB,GAAA,EAAAf,6BAAA,CAAA+B,uBAAA,CAAAd,QAAA;IAAAhC,KAAA,EAAA2B,QAAU;IACTT,QAAC,qBAAAX,kBAAA,CAAAuB,GAAA,EAAAf,6BAAA,CAAAgB,sBAAA,CAAAC,QAAA;MAAAhC,KAAA;MAAAkB,QACC,iBAAiB,IAAAX,kBAAA,CAAAwC,IAAA,EAAApC,cAAA,CAAAiD,IAAA;QAAAZ,QACjB,YAAc;QAAAa,UACd,EAAO;QAAAC,QACL;QAAUC,QACV,WAAKA,SAAAC,KAAA;UAAA,OACLzC,gBAAO,CAAAyC,KAAA,CAAAC,WAAA,CAAAC,MAAA,CAAAC,MAAA;QAAA;QACCjD,QACR,GAAMO,OACN,sBAAc,IAAgBlB,kBAAA,CAAAuB,GAAA,EAAA2B,SAAA;UAChCW,gBAAA;UAAAC,aAAA;UAEA1B,KAAA;YACHK,QAAA;YAAAK,GAAA;YAAAC,KAAA;YAGPC,MAAA;YAEJC,IAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","IconButtonGroup_exports","__export","IconButtonGroup","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_glass","import_webGlass","import_iconButtonGroupContext","SYSTEM_GLASS_SPACING","param","plate","children","rest","bar","useBarSurface","dark","isDarkThemeName","useThemeName","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","name","XStack","alignItems","alignSelf","borderRadius","backgroundColor","overflow","radiusClassProps","GlassView","loadGlassView","isWeb","isAppleTouchWeb","IconButtonGroupRegistry","jsxs","position","zIndex","paddingHorizontal","gap","style","top","right","bottom","left","capsule","lone","Children","toArray","length","row","glass","glassEffectStyle","isInteractive","colorScheme","flexShrink","minWidth"],"sources":["../../../src/Button/IconButtonGroup.tsx"],"sourcesContent":[null],"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":["__toCommonJS","mod","__copyProps","__defProp","value","circleGlyph_exports","__export","ICON_BUTTON_CIRCLE_GLYPH_RATIO","module","exports"],"sources":["../../../src/Button/circleGlyph.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,8BAAA,EAAAA,CAAA,KAAAA;AAAA;AAKOC,MAAM,CAAAC,OAAA,GAAAT,YAAA,CAAAK,mBAAiC","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","circleGlyph_exports","__export","GLYPH_BOLD_STROKE_UNITS","ICON_BUTTON_CIRCLE_GLYPH_RATIO","boldStroke","module","exports","weight","color","arguments","length","stroke","strokeWidth","strokeLinejoin"],"sources":["../../../src/Button/circleGlyph.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,uBAAA,EAAAA,CAAA,KAAAA,uBAAA;EAAAC,8BAAA,EAAAA,CAAA,KAAAA,8BAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAKOC,MAAM,CAAAC,OAAA,GAAAX,YAAA,CAAAK,mBAAiC;AAQvC,IAAAG,8BAAgC;AAEhC,IAAAD,uBAAoB,GAA4B;AACrD,SAAOE,WAAWG,MAAA;EACd,IACEC,KAAA,GAAQC,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;EAAA,OACRF,MAAA,KAAa;IACbI,MAAA,EAAAH,KAAA;IACFI,WACA,EAAAV,uBAAA;IACNW,cAAA","ignoreList":[]}

package/dist/cjs/Button/glass.cjs

@@ -29,8 +29,9 @@ __export(glass_exports, {
 module.exports = __toCommonJS(glass_exports);
 var import_webGlass = require("./webGlass.cjs");
 var import_webGlass2 = require("./webGlass.cjs");
+const iosSafariGlassFace = false;
 function loadGlassView() {
-  return (0, import_webGlass.isAppleTouchWeb)() ? import_webGlass.WebGlassFace : null;
+  return iosSafariGlassFace && (0, import_webGlass.isAppleTouchWeb)() ? import_webGlass.WebGlassFace : null;
 }
 function loadGlassContainer() {
   return null;

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

@@ -25,31 +25,56 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 var glass_native_exports = {};
 __export(glass_native_exports, {
   loadGlassContainer: () => loadGlassContainer,
-  loadGlassView: () => loadGlassView
+  loadGlassView: () => loadGlassView,
+  resolveSystemGlass: () => resolveSystemGlass
 });
 module.exports = __toCommonJS(glass_native_exports);
-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;
 }
 //# sourceMappingURL=glass.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["glass_native_exports","__export","loadGlassContainer","loadGlassView","module","exports","__toCommonJS","cachedGlassView","cachedGlassContainer","_core_requireOptionalNativeModule","_glass_isLiquidGlassAvailable","_glass_isGlassEffectAPIAvailable","core","require","requireOptionalNativeModule","call","glass","GlassView","isLiquidGlassAvailable","isGlassEffectAPIAvailable","_glass_GlassContainer","GlassContainer","unused"],"sources":["../../../src/Button/glass.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAN,oBAAA;AAAA,IAAIO,eAAA;AACJ,IAAIC,oBAAA;AAOO,SAASL,cAAA,EAAgB;EAChC,IAAII,eAAA,KAAoB,QAAW,OAAOA,eAAA;EAC1CA,eAAA,GAAkB;EAClB,IAAI;IACA,IAAIE,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,OAAOL,eAAA;IACjO,IAAIS,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;MACJb,eAAA,GAAkBS,KAAA,CAAMC,SAAA;MACxBT,oBAAA,IAAwBY,qBAAA,GAAwBJ,KAAA,CAAMK,cAAA,MAAoB,QAAQD,qBAAA,KAA0B,SAASA,qBAAA,GAAwB;IACjJ;EACJ,SAASE,MAAA,EAAQ;IACbf,eAAA,GAAkB;EACtB;EACA,OAAOA,eAAA;AACX;AAKW,SAASL,mBAAA,EAAqB;EACrC,IAAIK,eAAA,KAAoB,QAAWJ,aAAA,CAAc;EACjD,OAAOK,oBAAA,KAAyB,QAAQA,oBAAA,KAAyB,SAASA,oBAAA,GAAuB;AACrG","ignoreList":[]}
+{"version":3,"names":["glass_native_exports","__export","loadGlassContainer","loadGlassView","resolveSystemGlass","module","exports","__toCommonJS","liveSources","core","require","unused","glass","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","_ref","_systemGlass"],"sources":["../../../src/Button/glass.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAP,oBAAA;AAEA,IAAIQ,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,SAASP,mBAAA,EAAqB;EACrC,IAAIS,OAAA,GAAUC,SAAA,CAAUC,MAAA,GAAS,KAAKD,SAAA,CAAU,CAAC,MAAM,SAASA,SAAA,CAAU,CAAC,IAAIN,WAAA;EAC/E,IAAI;IACA,IAAIQ,qBAAA;IACJ,IAAIC,yCAAA,EAA2CC,aAAA,EAAeC,6BAAA,EAA+BC,gCAAA;IAC7F,MAAMH,yCAAA,IAA6CC,aAAA,GAAgBL,OAAA,CAAQJ,IAAA,CAAK,GAAGY,2BAAA,MAAiC,QAAQJ,yCAAA,KAA8C,SAAS,SAASA,yCAAA,CAA0CK,IAAA,CAAKJ,aAAA,EAAe,iBAAiB,MAAM,MAAM,OAAO;IAC9R,IAAIK,MAAA,GAAQV,OAAA,CAAQD,KAAA,CAAM;IAC1B,IAAI,CAACW,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,SAASL,MAAA,EAAQ;IACb,OAAO;EACX;AACJ;AACA,IAAImB,MAAA;AACJ,SAASC,YAAA,EAAc;EACnB,IAAID,MAAA,KAAW,QAAWA,MAAA,GAAS1B,kBAAA,CAAmB;EACtD,OAAO0B,MAAA;AACX;AACO,SAAS3B,cAAA,EAAgB;EAC5B,IAAI6B,IAAA;EACJ,IAAIC,YAAA;EACJ,QAAQD,IAAA,IAAQC,YAAA,GAAeF,WAAA,CAAY,OAAO,QAAQE,YAAA,KAAiB,SAAS,SAASA,YAAA,CAAaN,IAAA,MAAU,QAAQK,IAAA,KAAS,SAASA,IAAA,GAAO;AACzJ;AACO,SAAS9B,mBAAA,EAAqB;EACjC,IAAI8B,IAAA;EACJ,IAAIC,YAAA;EACJ,QAAQD,IAAA,IAAQC,YAAA,GAAeF,WAAA,CAAY,OAAO,QAAQE,YAAA,KAAiB,SAAS,SAASA,YAAA,CAAaL,SAAA,MAAe,QAAQI,IAAA,KAAS,SAASA,IAAA,GAAO;AAC9J","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":["__toCommonJS","mod","__copyProps","__defProp","value","iconButtonGroupContext_exports","__export","IconButtonGroupContext","IconButtonGroupRegistry","useIconButtonGroupGround","useIconButtonGroupMember","module","exports","import_react","require","useIsomorphicLayoutEffect","window","useEffect","useLayoutEffect","createContext","useContext","iconOnly","register"],"sources":["../../../src/Button/iconButtonGroupContext.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,uBAAA,EAAAA,CAAA,KAAAA,uBAAA;EAAAC,wBAAA,EAAAA,CAAA,KAAAA,wBAAA;EAAAC,wBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAZ,YAAsE,CAAAK,8BAAA;AAEtE,IAAAQ,YAAM,GAAAC,OAAA,QAA4B;AAU3B,IAAAC,yBAAM,UAAyBC,MAAA,mBAAqCH,YAAI,CAAAI,SAAA,GAAAJ,YAAA,CAAAK,eAAA;AAExE,IAAAX,sBAAS,OAAAM,YAAkD,CAAAM,aAAA;AAChE,SAAAV,wBAAOA,CAAA;EACT,WAAAI,YAAA,CAAAO,UAAA,EAAAb,sBAAA;AAOO;AAEA,IAAAC,uBAAS,OAAyBK,YAAyB,CAAAM,aAAA;AAChE,SAAMT,wBAAWA,CAAAW,QAAA;EACjB,IAAAC,QAAA,OAAAT,YAAA,CAAAO,UAAA,EAAAZ,uBAAA;EAAAO,yBACqB,aAAW;IAC9B,OAACM,QAAU,IAAQC,QAAA,GAAAA,QAAA;EACrB,IACFD,QAAA,E","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","iconButtonGroupContext_exports","__export","IconButtonGroupContext","IconButtonGroupRegistry","IconButtonGroupSurfaceContext","useIconButtonGroupGround","useIconButtonGroupMember","useIconButtonGroupSurface","module","exports","import_react","require","useIsomorphicLayoutEffect","window","useEffect","useLayoutEffect","createContext","useContext","iconOnly","register"],"sources":["../../../src/Button/iconButtonGroupContext.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,uBAAA,EAAAA,CAAA,KAAAA,uBAAA;EAAAC,6BAAA,EAAAA,CAAA,KAAAA,6BAAA;EAAAC,wBAAA,EAAAA,CAAA,KAAAA,wBAAA;EAAAC,wBAAA,EAAAA,CAAA,KAAAA,wBAAA;EAAAC,yBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAd,YAAsE,CAAAK,8BAAA;AAEtE,IAAAU,YAAM,GAAAC,OAAA,QAA4B;AAS3B,IAAAC,yBAAM,UAAyBC,MAAA,mBAAqCH,YAAI,CAAAI,SAAA,GAAAJ,YAAA,CAAAK,eAAA;AAExE,IAAAb,sBAAS,OAAAQ,YAAkD,CAAAM,aAAA;AAChE,SAAAX,wBAAOA,CAAA;EACT,WAAAK,YAAA,CAAAO,UAAA,EAAAf,sBAAA;AAOO;AAEA,IAAAC,uBAAS,OAAyBO,YAAyB,CAAAM,aAAA;AAChE,SAAMV,wBAAWA,CAAAY,QAAA;EACjB,IAAAC,QAAA,OAAAT,YAAA,CAAAO,UAAA,EAAAd,uBAAA;EAAAS,yBACqB,aAAW;IAC9B,OAACM,QAAU,IAAQC,QAAA,GAAAA,QAAA;EACrB,IACFD,QAAA,EAqBOC,QAAM,CAEN;AACL;AACF,IAAAf,6BAAA,OAAAM,YAAA,CAAAM,aAAA","ignoreList":[]}