@multiplatform.one/forms 7.77.2 → 7.79.0

package/src/Button/glass.native.spec.ts

@@ -0,0 +1,62 @@
+/**
+ * LC-176 (FZ-8666): real Liquid Glass or none. An Android binary, a binary
+ * without the module and an iOS before 26 get no glass at all, so the icon
+ * button is its plain glyph.
+ */
+import { describe, expect, it, vi } from "vitest";
+import type { GlassContainerComponent, GlassViewComponent } from "./glass";
+import { resolveSystemGlass, type GlassSources } from "./glass.native";
+
+const view = (() => null) as unknown as GlassViewComponent;
+const container = (() => null) as unknown as GlassContainerComponent;
+
+function sources(
+  nativeModule: unknown,
+  overrides: Partial<ReturnType<GlassSources["glass"]>> = {},
+): GlassSources {
+  return {
+    core: () => ({ requireOptionalNativeModule: () => nativeModule }),
+    glass: () => ({
+      GlassView: view,
+      GlassContainer: container,
+      isLiquidGlassAvailable: () => true,
+      isGlassEffectAPIAvailable: () => true,
+      ...overrides,
+    }),
+  };
+}
+
+describe("resolveSystemGlass", () => {
+  it("iOS 26 with the module gets the system's views", () => {
+    expect(resolveSystemGlass(sources({}))).toEqual({ view, container });
+  });
+
+  it("no native module (Android, a binary built without it) never requires the package", () => {
+    const glass = vi.fn();
+    const source = { ...sources(null), glass };
+    expect(resolveSystemGlass(source as unknown as GlassSources)).toBeNull();
+    expect(glass).not.toHaveBeenCalled();
+  });
+
+  it("an iOS before 26 and a beta without the API get no glass", () => {
+    expect(resolveSystemGlass(sources({}, { isLiquidGlassAvailable: () => false }))).toBeNull();
+    expect(resolveSystemGlass(sources({}, { isGlassEffectAPIAvailable: () => false }))).toBeNull();
+  });
+
+  it("a package that throws on load gets no glass", () => {
+    const source = {
+      ...sources({}),
+      glass: () => {
+        throw new Error("no module");
+      },
+    };
+    expect(resolveSystemGlass(source)).toBeNull();
+  });
+
+  it("a module with no container keeps the view", () => {
+    expect(resolveSystemGlass(sources({}, { GlassContainer: undefined }))).toEqual({
+      view,
+      container: null,
+    });
+  });
+});

package/src/Button/glass.native.ts

@@ -2,50 +2,71 @@ import type { GlassContainerComponent, GlassViewComponent } from "./glass";
 
 export type { GlassContainerComponent, GlassViewComponent } from "./glass";
 
-let cachedGlassView: GlassViewComponent | null | undefined;
-let cachedGlassContainer: GlassContainerComponent | null | undefined;
+export interface GlassSources {
+  core: () => { requireOptionalNativeModule?: (moduleName: string) => unknown };
+  glass: () => {
+    GlassView?: GlassViewComponent;
+    GlassContainer?: GlassContainerComponent;
+    isLiquidGlassAvailable?: () => boolean;
+    isGlassEffectAPIAvailable?: () => boolean;
+  };
+}
+
+// Each require sits in its own try: Metro only treats a require as optional
+// inside one, and an app without the package must still bundle.
+const liveSources: GlassSources = {
+  core: () => {
+    try {
+      return require("expo-modules-core");
+    } catch {
+      return {};
+    }
+  },
+  glass: () => {
+    try {
+      return require("expo-glass-effect");
+    } catch {
+      return {};
+    }
+  },
+};
+
+export interface SystemGlass {
+  view: GlassViewComponent;
+  container: GlassContainerComponent | null;
+}
 
 /**
- * LC-176: expo-glass-effect's `GlassView`, when this binary links its native
- * module and the OS draws Liquid Glass (iOS 26+); Android never links it. The module is probed through
- * `requireOptionalNativeModule` BEFORE the guarded `require`, so an OTA on a
- * binary built without it, or an older iOS, falls back to the bare tinted
- * glyph instead of throwing mid-render (the `nativePickerLoader.ts` contract).
+ * LC-176: expo-glass-effect's views, when this binary links the native module
+ * and the OS draws Liquid Glass (iOS 26+); Android never links it. The module
+ * is probed through `requireOptionalNativeModule` BEFORE the guarded `require`,
+ * so an OTA on a binary built without it, or an older iOS, falls back to the
+ * bare tinted glyph instead of throwing mid-render (the `nativePickerLoader.ts`
+ * contract). A binary whose module predates the container keeps its capsule.
  */
-export function loadGlassView(): GlassViewComponent | null {
-  if (cachedGlassView !== undefined) return cachedGlassView;
-  cachedGlassView = null;
+export function resolveSystemGlass(sources: GlassSources = liveSources): SystemGlass | null {
   try {
-    const core = require("expo-modules-core") as {
-      requireOptionalNativeModule?: (moduleName: string) => unknown;
-    };
-    if (core.requireOptionalNativeModule?.("ExpoGlassEffect") == null) return cachedGlassView;
-    const glass = require("expo-glass-effect") as {
-      GlassView?: GlassViewComponent;
-      GlassContainer?: GlassContainerComponent;
-      isLiquidGlassAvailable?: () => boolean;
-      isGlassEffectAPIAvailable?: () => boolean;
-    };
-    if (
-      glass.GlassView &&
-      glass.isLiquidGlassAvailable?.() &&
-      glass.isGlassEffectAPIAvailable?.()
-    ) {
-      cachedGlassView = glass.GlassView;
-      cachedGlassContainer = glass.GlassContainer ?? null;
-    }
+    if (sources.core().requireOptionalNativeModule?.("ExpoGlassEffect") == null) return null;
+    const glass = sources.glass();
+    if (!glass.GlassView || !glass.isLiquidGlassAvailable?.()) return null;
+    if (!glass.isGlassEffectAPIAvailable?.()) return null;
+    return { view: glass.GlassView, container: glass.GlassContainer ?? null };
   } catch {
-    cachedGlassView = null;
+    return null;
   }
-  return cachedGlassView;
 }
 
-/**
- * LC-176: expo-glass-effect's `GlassContainer`, present exactly when
- * `loadGlassView` found Liquid Glass. A binary whose module predates the
- * container keeps separate circles rather than throwing.
- */
+let cached: SystemGlass | null | undefined;
+
+function systemGlass(): SystemGlass | null {
+  if (cached === undefined) cached = resolveSystemGlass();
+  return cached;
+}
+
+export function loadGlassView(): GlassViewComponent | null {
+  return systemGlass()?.view ?? null;
+}
+
 export function loadGlassContainer(): GlassContainerComponent | null {
-  if (cachedGlassView === undefined) loadGlassView();
-  return cachedGlassContainer ?? null;
+  return systemGlass()?.container ?? null;
 }

package/src/Button/glass.spec.ts

@@ -1,16 +1,19 @@
 /**
  * @vitest-environment jsdom
  *
- * LC-176 / LC-266: on the web only iOS Safari takes the glass face (Clay on
- * rv_3bb3f1f65d6b981f).
+ * LC-176 / LC-266 (FZ-8666): no browser can draw Liquid Glass, so no browser
+ * draws glass, iOS Safari included. The drawn face stays behind one switch in
+ * `glass.ts` until Clay answers the compare.
  */
 
-import { createDefaultThemeConfig } from "@multiplatform.one/theme";
-import { cleanup, render } from "@testing-library/react";
+import { createDefaultThemeConfig, Surface } from "@multiplatform.one/theme";
+import { cleanup, render, screen } from "@testing-library/react";
 import { createElement } from "react";
 import { TamaguiProvider } from "tamagui";
 import { afterEach, describe, expect, it, vi } from "vitest";
-import { isAppleTouchWeb, loadGlassView } from "./glass";
+import { isAppleTouchWeb, loadGlassContainer, loadGlassView } from "./glass";
+import { IconButton, IconButtonGroup } from "./index";
+import { WebGlassFace } from "./webGlass";
 
 const IPHONE =
   "Mozilla/5.0 (iPhone; CPU iPhone OS 26_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/26.0 Mobile/15E148 Safari/604.1";
@@ -44,30 +47,75 @@ describe("isAppleTouchWeb", () => {
   });
 });
 
-describe("loadGlassView on the web", () => {
+function Glyph({ size }: { size?: number }) {
+  return createElement("svg", { "data-glyph": "", width: size, height: size });
+}
+
+function renderBar(ui: ReturnType<typeof createElement>) {
+  return render(
+    createElement(
+      TamaguiProvider,
+      { config: houseConfig.tamagui, defaultTheme: "light", disableInjectCSS: true },
+      createElement(Surface, { bar: true }, ui),
+    ),
+  );
+}
+
+describe("no glass on the web (LC-176)", () => {
   afterEach(() => {
     cleanup();
     vi.unstubAllGlobals();
   });
 
-  it("iOS Safari's glass circle sits under the glyph it backs", () => {
-    vi.stubGlobal("navigator", { userAgent: IPHONE, platform: "iPhone", maxTouchPoints: 5 });
-    const Glass = loadGlassView();
-    expect(Glass).not.toBeNull();
+  it.each([
+    ["iOS Safari", { userAgent: IPHONE, platform: "iPhone", maxTouchPoints: 5 }],
+    ["iPadOS Safari", { userAgent: MAC_SAFARI, platform: "MacIntel", maxTouchPoints: 5 }],
+    ["desktop Safari", { userAgent: MAC_SAFARI, platform: "MacIntel", maxTouchPoints: 0 }],
+    ["Android Chrome", { userAgent: PIXEL, platform: "Linux armv8l", maxTouchPoints: 5 }],
+  ])("%s loads no glass and draws the plain glyph", (_browser, nav) => {
+    vi.stubGlobal("navigator", nav);
+    expect(loadGlassView()).toBeNull();
+    expect(loadGlassContainer()).toBeNull();
+    renderBar(
+      createElement(
+        "div",
+        null,
+        createElement(
+          IconButtonGroup,
+          null,
+          createElement(IconButton, { icon: Glyph, "aria-label": "Search" }),
+          createElement(IconButton, { icon: Glyph, "aria-label": "More" }),
+        ),
+        createElement(IconButton, { icon: Glyph, "aria-label": "Back" }),
+      ),
+    );
+    expect(document.querySelector("[data-mp-glass]")).toBeNull();
+    expect(document.querySelector("[data-mp-glass-capsule]")).toBeNull();
+    expect(document.querySelector('[data-mp-icon-button-group="bar"]')).not.toBeNull();
+    for (const name of ["Search", "More", "Back"])
+      expect(screen.getByLabelText(name).getAttribute("data-mp-icon-button")).toBe("glyph");
+  });
+});
+
+describe("the drawn web face behind the switch", () => {
+  afterEach(cleanup);
+
+  it("sits under the glyph it backs, which stays its sibling", () => {
     const { container } = render(
       createElement(
         TamaguiProvider,
         { config: houseConfig.tamagui, defaultTheme: "light", disableInjectCSS: true },
-        createElement(Glass!, { style: { position: "absolute" } }),
+        createElement(
+          WebGlassFace,
+          { style: { position: "absolute" } },
+          createElement("svg", { "data-glyph": "" }),
+        ),
       ),
     );
     const face = container.querySelector('[data-mp-glass="web"]') as HTMLElement | null;
     expect(face).not.toBeNull();
     expect(face!.style.zIndex).toBe("-1");
-  });
-
-  it("every other browser draws the bare glyph", () => {
-    vi.stubGlobal("navigator", { userAgent: PIXEL, platform: "Linux armv8l", maxTouchPoints: 5 });
-    expect(loadGlassView()).toBeNull();
+    expect(face!.querySelector("[data-glyph]")).toBeNull();
+    expect(face!.nextElementSibling?.hasAttribute("data-glyph")).toBe(true);
   });
 });

package/src/Button/glass.ts

@@ -4,9 +4,10 @@ import { isAppleTouchWeb, WebGlassFace } from "./webGlass";
 /** The slice of expo-glass-effect's `GlassView` an icon button draws. */
 export type GlassViewComponent = ComponentType<{
   style?: unknown;
-  glassEffectStyle?: "regular" | "clear";
+  glassEffectStyle?: "regular" | "clear" | "none";
   isInteractive?: boolean;
-  pointerEvents?: "none" | "auto" | "box-none" | "box-only";
+  colorScheme?: "auto" | "light" | "dark";
+  children?: ReactNode;
 }>;
 
 /** The slice of expo-glass-effect's `GlassContainer` an icon button group draws. */
@@ -19,20 +20,23 @@ export type GlassContainerComponent = ComponentType<{
 export { isAppleTouchWeb } from "./webGlass";
 
 /**
- * LC-176: the iOS 26 Liquid Glass material an icon button floats on in a bar.
- * Native iOS draws it from expo-glass-effect (`glass.native.ts`; Android
- * probes null). On the web only iOS Safari takes the glass face (Clay on
- * rv_3bb3f1f65d6b981f: "Is there a way to have the buttons at the bottom be
- * liquid glass if it's an iPhone"); every other browser draws the bare glyph.
+ * LC-176 (FZ-8666): iOS Safari cannot draw Liquid Glass, so it draws no glass.
+ * This is the one switch for the drawn face Clay asked for on
+ * rv_3bb3f1f65d6b981f, off since his note on rv_d481d34557e702ef, until he
+ * answers rv_c6369c2bab2ffea0.
  */
-export function loadGlassView(): GlassViewComponent | null {
-  return isAppleTouchWeb() ? (WebGlassFace as GlassViewComponent) : null;
-}
+const iosSafariGlassFace = false;
 
 /**
- * LC-176: the container that merges neighbouring Liquid Glass circles into one
- * shape, as iOS 26 groups bar buttons. Only iOS has it.
+ * LC-176: the system Liquid Glass an icon button sits in on a bar. Only native
+ * iOS 26 has it, from expo-glass-effect (`glass.native.ts`; Android probes
+ * null), so the web draws the plain glyph.
  */
+export function loadGlassView(): GlassViewComponent | null {
+  return iosSafariGlassFace && isAppleTouchWeb() ? (WebGlassFace as GlassViewComponent) : null;
+}
+
+/** LC-176: the system's Liquid Glass container. Only iOS has it. */
 export function loadGlassContainer(): GlassContainerComponent | null {
   return null;
 }

package/src/Button/iconButtonGroupContext.ts

@@ -4,9 +4,8 @@ const useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect : us
 
 /**
  * LC-176: the ground an `IconButtonGroup` paints under its buttons. `media`
- * is one shared material capsule and `glass` one shared glass capsule (Liquid
- * Glass on iOS 26, its web twin in iOS Safari),
- * so a button inside draws its bare glyph instead of its own circle.
+ * is one shared dark capsule and `glass` one shared Liquid Glass capsule, so
+ * a button inside draws its bare glyph instead of its own circle.
  */
 export type IconButtonGroupGround = "media" | "glass" | null;
 

package/src/Button/index.tsx

@@ -79,7 +79,6 @@ import { warnBareDisabled, warnPositiveTabIndex, warnSizeRecipeEscape } from "..
 import { useControlGrouped } from "../shared/groupContext";
 import { useInPanelEcho, usePanelTriggerRadiusReporter } from "../FloatingPanel/echoContext";
 import { loadGlassView } from "./glass";
-import { MEDIA_PLATE_WEB_STYLE } from "./mediaPlate";
 import { boldStroke, GLYPH_BOLD_STROKE_UNITS, ICON_BUTTON_CIRCLE_GLYPH_RATIO } from "./circleGlyph";
 import { useIconButtonGroupGround, useIconButtonGroupMember } from "./iconButtonGroupContext";
 
@@ -850,9 +849,9 @@ export function Button({
     (labelled && chromeless && accentInk === true && edge === "start");
   const labelLine = labelLinePx(knobProps.body.fontFamily);
   const glyphFloor = iconButtonGlyphPx(labelLine);
-  // LC-176: on iOS 26 a bar's icon button floats on Liquid Glass, the native
-  // bar button. Elsewhere, and on a binary without the module, it stays the
-  // bare tinted glyph.
+  // LC-176: on iOS 26 a bar's icon button sits in system Liquid Glass, the
+  // native bar button. Elsewhere, and on a binary without the module, it stays
+  // the bare tinted glyph; nothing re-creates the glass (FZ-8666).
   const glassGroup = groupGround === "glass";
   const GlassView =
     iconButton && !inlineGlyph && !nested && accentInk && barSurface && !selectedFill && !glassGroup
@@ -1095,7 +1094,8 @@ export function Button({
   // A plain button is ink on the bar: no shadow at rest (E-FLAT).
   const plainTier = tier === "plain";
   // LC-176: hover and press light a soft plate on web; on native the glyph
-  // dims, as an iOS bar button does. The media plate deepens instead.
+  // dims, and on glass the system answers the press instead. The media plate
+  // deepens instead.
   const glyphState = iconButton && !selectedFill;
   const iconHover = glyphState
     ? isWeb
@@ -1107,7 +1107,9 @@ export function Button({
   const iconPress = glyphState
     ? isWeb
       ? hostScoped({ backgroundColor: "$backgroundPress" })
-      : { backgroundColor: "transparent", opacity: ICON_BUTTON_PRESS_OPACITY }
+      : GlassView || glassGroup
+        ? { backgroundColor: "transparent" }
+        : { backgroundColor: "transparent", opacity: ICON_BUTTON_PRESS_OPACITY }
     : mediaPlate
       ? { backgroundColor: "$shadow5" }
       : undefined;
@@ -1174,7 +1176,6 @@ export function Button({
         ? {
             borderRadius: 100000,
             backgroundColor: "$shadow4",
-            ...(isWeb ? { style: MEDIA_PLATE_WEB_STYLE } : undefined),
           }
         : undefined)}
       {...(edge && !inlineGlyph && chromeless && !selectedFill && !isCircular
@@ -1345,8 +1346,8 @@ export function Button({
       {GlassView ? (
         <GlassView
           glassEffectStyle="regular"
-          isInteractive
-          pointerEvents="none"
+          isInteractive={!unavailable}
+          colorScheme={darkScheme ? "dark" : "light"}
           style={{
             position: "absolute",
             top: glassInset,
@@ -1354,10 +1355,15 @@ export function Button({
             bottom: glassInset,
             left: glassInset,
             borderRadius: visualPx / 2,
+            alignItems: "center",
+            justifyContent: "center",
           }}
-        />
-      ) : null}
-      {iconElement}
+        >
+          {iconElement}
+        </GlassView>
+      ) : (
+        iconElement
+      )}
       {labelContent}
       {iconAfterElement}
     </ButtonFrame>
@@ -1426,5 +1432,5 @@ export function IconButton(props: IconButtonProps) {
   return <Button {...props} />;
 }
 
-export { IconButtonGroup, ICON_BUTTON_GLASS_MERGE_PX } from "./IconButtonGroup";
+export { IconButtonGroup } from "./IconButtonGroup";
 export type { IconButtonGroupProps } from "./IconButtonGroup";

package/src/Button/webGlass.ts

@@ -1,7 +1,6 @@
 import { isDarkThemeName } from "@multiplatform.one/theme";
-import { createElement } from "react";
+import { createElement, Fragment, type ReactNode } from "react";
 import { useThemeName, YStack } from "tamagui";
-import { MEDIA_PLATE_WEB_STYLE } from "./mediaPlate";
 
 type GlassNavigator = { userAgent?: string; platform?: string; maxTouchPoints?: number };
 
@@ -19,24 +18,32 @@ export function isAppleTouchWeb(
 }
 
 const webGlassMarker = { "data-mp-glass": "web" };
+const webGlassBlur = {
+  backdropFilter: "blur(16px) saturate(180%)",
+  WebkitBackdropFilter: "blur(16px) saturate(180%)",
+} as const;
 
 /**
- * LC-176: the Liquid Glass face iOS Safari draws under a bar's icon buttons,
- * one circle for a lone button or one capsule for an `IconButtonGroup`. It is
- * a layer under the glyphs (absolute, z -1 in the button's stacking context):
- * a near-white material in light and a raised grey in dark, edged by a soft
- * drop shadow alone, with the media plate's blur.
+ * LC-176: the drawn face `loadGlassView` can give iOS Safari, one circle for a
+ * lone button or one capsule for an `IconButtonGroup`. Off by default: the
+ * compare in `glass.ts` decides whether it stays. Its children stay siblings
+ * above the layer (absolute, z -1 in the button's stacking context).
  */
-export function WebGlassFace({ style }: { style?: unknown }) {
+export function WebGlassFace({ style, children }: { style?: unknown; children?: ReactNode }) {
   const dark = isDarkThemeName(useThemeName());
-  return createElement(YStack, {
-    pointerEvents: "none",
-    backgroundColor: dark ? "$color4" : "$color1",
-    opacity: 0.92,
-    shadowColor: "$shadowColor",
-    shadowRadius: 10,
-    shadowOffset: { width: 0, height: 3 },
-    ...webGlassMarker,
-    style: { ...(style as object), zIndex: -1, ...MEDIA_PLATE_WEB_STYLE },
-  });
+  return createElement(
+    Fragment,
+    null,
+    createElement(YStack, {
+      pointerEvents: "none",
+      backgroundColor: dark ? "$color4" : "$color1",
+      opacity: 0.92,
+      shadowColor: "$shadowColor",
+      shadowRadius: 10,
+      shadowOffset: { width: 0, height: 3 },
+      ...webGlassMarker,
+      style: { ...(style as object), zIndex: -1, ...webGlassBlur },
+    }),
+    children,
+  );
 }

package/src/index.ts

@@ -117,7 +117,6 @@ export {
   IconButton,
   IconButtonGroup,
   iconButtonGlyphPx,
-  ICON_BUTTON_GLASS_MERGE_PX,
   ICON_BUTTON_GLYPH_PX,
   ICON_BUTTON_NEUTRAL_GLYPH_PX,
   ICON_BUTTON_PRESS_OPACITY,

package/types/Button/IconButtonGroup.d.ts

@@ -1,23 +1,18 @@
 import { type ReactNode } from "react";
 import { type XStackProps } from "tamagui";
-/**
- * LC-176: how far apart two Liquid Glass circles may sit and still merge. Half
- * the 44pt target, so neighbours on the bar's gap always join.
- */
-export declare const ICON_BUTTON_GLASS_MERGE_PX = 22;
 export interface IconButtonGroupProps extends XStackProps {
-    /** Over imagery or video: the group shares one material capsule. */
+    /** Over imagery or video: the group shares one dark capsule. */
     plate?: "media";
     children?: ReactNode;
 }
 /**
  * LC-176: icon buttons that sit side by side. Grounds merge, they never stand
- * as a row of separate circles: on iOS 26 the bar's group is one Liquid Glass
- * capsule, as the system draws a bar's item group (merging each circle through
- * the glass container left a waist between them, FZ-8158); over media the
- * group shares one material capsule; a bare row stays bare. A lone button
- * keeps its own circle, and a bar group with no icon button in it paints no
- * capsule (FZ-8494).
+ * as a row of separate circles: on iOS 26 the bar's group sits in one system
+ * Liquid Glass capsule, as the system draws a bar's item group (merging each
+ * circle through the glass container left a waist between them, FZ-8158), so
+ * press and merge are the system's; over media the group shares one dark
+ * capsule; a bare row stays bare. A lone button keeps its own circle, and a
+ * bar group with no icon button in it paints no capsule (FZ-8494).
  */
 export declare function IconButtonGroup({ plate, children, ...rest }: IconButtonGroupProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=IconButtonGroup.d.ts.map

package/types/Button/IconButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButtonGroup.d.ts","sourceRoot":"","sources":["../../src/Button/IconButtonGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAA8B,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAWvE;;;GAGG;AACH,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAQ7C,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,oEAAoE;IACpE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,oBAAoB,2CAkIjF"}
+{"version":3,"file":"IconButtonGroup.d.ts","sourceRoot":"","sources":["../../src/Button/IconButtonGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,EAA4C,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAmBrF,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,oBAAoB,2CAyIjF"}

package/types/Button/glass.d.ts

@@ -2,9 +2,10 @@ import type { ComponentType, ReactNode } from "react";
 /** The slice of expo-glass-effect's `GlassView` an icon button draws. */
 export type GlassViewComponent = ComponentType<{
     style?: unknown;
-    glassEffectStyle?: "regular" | "clear";
+    glassEffectStyle?: "regular" | "clear" | "none";
     isInteractive?: boolean;
-    pointerEvents?: "none" | "auto" | "box-none" | "box-only";
+    colorScheme?: "auto" | "light" | "dark";
+    children?: ReactNode;
 }>;
 /** The slice of expo-glass-effect's `GlassContainer` an icon button group draws. */
 export type GlassContainerComponent = ComponentType<{
@@ -14,16 +15,11 @@ export type GlassContainerComponent = ComponentType<{
 }>;
 export { isAppleTouchWeb } from "./webGlass";
 /**
- * LC-176: the iOS 26 Liquid Glass material an icon button floats on in a bar.
- * Native iOS draws it from expo-glass-effect (`glass.native.ts`; Android
- * probes null). On the web only iOS Safari takes the glass face (Clay on
- * rv_3bb3f1f65d6b981f: "Is there a way to have the buttons at the bottom be
- * liquid glass if it's an iPhone"); every other browser draws the bare glyph.
+ * LC-176: the system Liquid Glass an icon button sits in on a bar. Only native
+ * iOS 26 has it, from expo-glass-effect (`glass.native.ts`; Android probes
+ * null), so the web draws the plain glyph.
  */
 export declare function loadGlassView(): GlassViewComponent | null;
-/**
- * LC-176: the container that merges neighbouring Liquid Glass circles into one
- * shape, as iOS 26 groups bar buttons. Only iOS has it.
- */
+/** LC-176: the system's Liquid Glass container. Only iOS has it. */
 export declare function loadGlassContainer(): GlassContainerComponent | null;
 //# sourceMappingURL=glass.d.ts.map

package/types/Button/glass.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"glass.d.ts","sourceRoot":"","sources":["../../src/Button/glass.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,yEAAyE;AACzE,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAC;IAC7C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;CAC3D,CAAC,CAAC;AAEH,oFAAoF;AACpF,MAAM,MAAM,uBAAuB,GAAG,aAAa,CAAC;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C;;;;;;GAMG;AACH,wBAAgB,aAAa,IAAI,kBAAkB,GAAG,IAAI,CAEzD;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,uBAAuB,GAAG,IAAI,CAEnE"}
+{"version":3,"file":"glass.d.ts","sourceRoot":"","sources":["../../src/Button/glass.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,yEAAyE;AACzE,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAC;IAC7C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAChD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAEH,oFAAoF;AACpF,MAAM,MAAM,uBAAuB,GAAG,aAAa,CAAC;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAU7C;;;;GAIG;AACH,wBAAgB,aAAa,IAAI,kBAAkB,GAAG,IAAI,CAEzD;AAED,oEAAoE;AACpE,wBAAgB,kBAAkB,IAAI,uBAAuB,GAAG,IAAI,CAEnE"}

package/types/Button/glass.native.d.ts

@@ -1,17 +1,29 @@
 import type { GlassContainerComponent, GlassViewComponent } from "./glass";
 export type { GlassContainerComponent, GlassViewComponent } from "./glass";
+export interface GlassSources {
+    core: () => {
+        requireOptionalNativeModule?: (moduleName: string) => unknown;
+    };
+    glass: () => {
+        GlassView?: GlassViewComponent;
+        GlassContainer?: GlassContainerComponent;
+        isLiquidGlassAvailable?: () => boolean;
+        isGlassEffectAPIAvailable?: () => boolean;
+    };
+}
+export interface SystemGlass {
+    view: GlassViewComponent;
+    container: GlassContainerComponent | null;
+}
 /**
- * LC-176: expo-glass-effect's `GlassView`, when this binary links its native
- * module and the OS draws Liquid Glass (iOS 26+); Android never links it. The module is probed through
- * `requireOptionalNativeModule` BEFORE the guarded `require`, so an OTA on a
- * binary built without it, or an older iOS, falls back to the bare tinted
- * glyph instead of throwing mid-render (the `nativePickerLoader.ts` contract).
+ * LC-176: expo-glass-effect's views, when this binary links the native module
+ * and the OS draws Liquid Glass (iOS 26+); Android never links it. The module
+ * is probed through `requireOptionalNativeModule` BEFORE the guarded `require`,
+ * so an OTA on a binary built without it, or an older iOS, falls back to the
+ * bare tinted glyph instead of throwing mid-render (the `nativePickerLoader.ts`
+ * contract). A binary whose module predates the container keeps its capsule.
  */
+export declare function resolveSystemGlass(sources?: GlassSources): SystemGlass | null;
 export declare function loadGlassView(): GlassViewComponent | null;
-/**
- * LC-176: expo-glass-effect's `GlassContainer`, present exactly when
- * `loadGlassView` found Liquid Glass. A binary whose module predates the
- * container keeps separate circles rather than throwing.
- */
 export declare function loadGlassContainer(): GlassContainerComponent | null;
 //# sourceMappingURL=glass.native.d.ts.map

package/types/Button/glass.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"glass.native.d.ts","sourceRoot":"","sources":["../../src/Button/glass.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE3E,YAAY,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAK3E;;;;;;GAMG;AACH,wBAAgB,aAAa,IAAI,kBAAkB,GAAG,IAAI,CA0BzD;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,IAAI,uBAAuB,GAAG,IAAI,CAGnE"}
+{"version":3,"file":"glass.native.d.ts","sourceRoot":"","sources":["../../src/Button/glass.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE3E,YAAY,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE3E,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM;QAAE,2BAA2B,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAA;KAAE,CAAC;IAC9E,KAAK,EAAE,MAAM;QACX,SAAS,CAAC,EAAE,kBAAkB,CAAC;QAC/B,cAAc,CAAC,EAAE,uBAAuB,CAAC;QACzC,sBAAsB,CAAC,EAAE,MAAM,OAAO,CAAC;QACvC,yBAAyB,CAAC,EAAE,MAAM,OAAO,CAAC;KAC3C,CAAC;CACH;AAqBD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,kBAAkB,CAAC;IACzB,SAAS,EAAE,uBAAuB,GAAG,IAAI,CAAC;CAC3C;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,GAAE,YAA0B,GAAG,WAAW,GAAG,IAAI,CAU1F;AASD,wBAAgB,aAAa,IAAI,kBAAkB,GAAG,IAAI,CAEzD;AAED,wBAAgB,kBAAkB,IAAI,uBAAuB,GAAG,IAAI,CAEnE"}

package/types/Button/iconButtonGroupContext.d.ts

@@ -1,8 +1,7 @@
 /**
  * LC-176: the ground an `IconButtonGroup` paints under its buttons. `media`
- * is one shared material capsule and `glass` one shared glass capsule (Liquid
- * Glass on iOS 26, its web twin in iOS Safari),
- * so a button inside draws its bare glyph instead of its own circle.
+ * is one shared dark capsule and `glass` one shared Liquid Glass capsule, so
+ * a button inside draws its bare glyph instead of its own circle.
  */
 export type IconButtonGroupGround = "media" | "glass" | null;
 export declare const IconButtonGroupContext: import("react").Context<IconButtonGroupGround>;

package/types/Button/iconButtonGroupContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"iconButtonGroupContext.d.ts","sourceRoot":"","sources":["../../src/Button/iconButtonGroupContext.ts"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;AAE7D,eAAO,MAAM,sBAAsB,gDAA6C,CAAC;AAEjF,wBAAgB,wBAAwB,IAAI,qBAAqB,CAEhE;AAED;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,iCAAwB,MAAM,IAAI,SAAe,CAAC;AAEtF,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAMhE;AAED;;;;;GAKG;AACH,MAAM,WAAW,oBAAoB;IACnC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,sBAAsB;IACrC,mEAAmE;IACnE,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,KAAK,IAAI,GAAG,IAAI,CAAC;CACvE;AAED,eAAO,MAAM,6BAA6B,wDAAqD,CAAC;AAEhG,wBAAgB,yBAAyB,IAAI,sBAAsB,GAAG,IAAI,CAEzE"}
+{"version":3,"file":"iconButtonGroupContext.d.ts","sourceRoot":"","sources":["../../src/Button/iconButtonGroupContext.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;AAE7D,eAAO,MAAM,sBAAsB,gDAA6C,CAAC;AAEjF,wBAAgB,wBAAwB,IAAI,qBAAqB,CAEhE;AAED;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,iCAAwB,MAAM,IAAI,SAAe,CAAC;AAEtF,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAMhE;AAED;;;;;GAKG;AACH,MAAM,WAAW,oBAAoB;IACnC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,sBAAsB;IACrC,mEAAmE;IACnE,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,KAAK,IAAI,GAAG,IAAI,CAAC;CACvE;AAED,eAAO,MAAM,6BAA6B,wDAAqD,CAAC;AAEhG,wBAAgB,yBAAyB,IAAI,sBAAsB,GAAG,IAAI,CAEzE"}