@multiplatform.one/components 7.81.0 → 7.81.1

package/src/SheetModal/SheetModal.grabber.spec.tsx

@@ -0,0 +1,51 @@
+/**
+ * FZ-8648: one grabber. SheetModal draws the theme's `sheetGrabber` on the web
+ * and on native, with no local transform or margin, the recipe the
+ * FloatingPanel sheet draws too (`public/forms/.../sheetGrabber.spec.tsx`).
+ */
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { sheetGrabber } from "@multiplatform.one/theme";
+import { describe, expect, it, vi } from "vitest";
+import { Text, View } from "tamagui";
+import { SheetModal as NativeSheetModal } from "./index.native";
+import { SheetModal } from "./index";
+
+vi.mock("react-native-web", async (importOriginal) => ({
+  ...(await importOriginal<typeof import("react-native")>()),
+  ActionSheetIOS: undefined,
+  Modal: ({ children }: { children: import("react").ReactNode }) => children,
+}));
+
+const atoms = (node: Element) => String(node.className).split(/\s+/).filter(Boolean);
+
+function recipeAtoms() {
+  const view = renderWithProviders(<View testID="recipe" {...sheetGrabber} />);
+  const list = atoms(view.getByTestId("recipe"));
+  view.unmount();
+  return list;
+}
+
+describe("SheetModal grabber (FZ-8648)", () => {
+  it("draws the recipe on native", () => {
+    const recipe = recipeAtoms();
+    const result = renderWithProviders(
+      <NativeSheetModal open onOpenChange={() => {}}>
+        <Text>Body</Text>
+      </NativeSheetModal>,
+    );
+    const capsule = result.getByTestId("sheet-modal-grabber").firstElementChild as Element;
+    expect(atoms(capsule)).toEqual(expect.arrayContaining(recipe));
+  });
+
+  it("draws the recipe on the web, with no transform", async () => {
+    const recipe = recipeAtoms();
+    const result = renderWithProviders(
+      <SheetModal open onOpenChange={() => {}}>
+        <Text>Body</Text>
+      </SheetModal>,
+    );
+    const handle = await result.findByLabelText("Resize");
+    expect(atoms(handle)).toEqual(expect.arrayContaining(recipe));
+    expect(handle.getAttribute("style") ?? "").not.toMatch(/transform/);
+  });
+});

package/src/SheetModal/index.native.tsx

@@ -29,6 +29,8 @@ import {
   type MotionStop,
   nativeAnimationConfig as animationConfig,
   overlayScrim,
+  sheetGrabber,
+  sheetGrabberZone,
 } from "@multiplatform.one/theme";
 import {
   useCallback,
@@ -457,12 +459,19 @@ export function SheetModal({
               {...knobProps.borderRadius}
               borderBottomLeftRadius={0}
               borderBottomRightRadius={0}
-              {...(regular ? { borderBottomWidth: 0 } : { elevation: knobProps.elevation })}
+              // A compact sheet spans the screen: only its top edge meets the page.
+              {...(regular
+                ? { borderBottomWidth: 0 }
+                : {
+                    elevation: knobProps.elevation,
+                    borderLeftWidth: 0,
+                    borderRightWidth: 0,
+                    borderBottomWidth: 0,
+                  })}
               maxHeight={maxHeight}
               flexShrink={1}
               minHeight={0}
               {...(fill ? fillSlot : null)}
-              paddingTop="$2"
               paddingBottom={keyboardInset > 0 ? 8 : bottomInset}
               // No focus or press pseudo on this surface: on native tamagui
               // turns one into a touch-responder claim, and a responder here
@@ -490,22 +499,9 @@ export function SheetModal({
                   accessibilityRole="adjustable"
                   accessibilityLabel={t("Drag to resize")}
                   testID="sheet-modal-grabber"
-                  style={{
-                    alignSelf: "stretch",
-                    alignItems: "center",
-                    paddingTop: 3,
-                    paddingBottom: 11,
-                    ...(fill ? nonShrinking : null),
-                  }}
+                  style={{ ...sheetGrabberZone, ...(fill ? nonShrinking : null) }}
                 >
-                  <View
-                    width={36}
-                    height={5}
-                    borderRadius={100}
-                    backgroundColor="$color8"
-                    opacity={0.45}
-                    accessible={false}
-                  />
+                  <View {...sheetGrabber} accessible={false} />
                 </RNView>
                 <DialogRegionContext.Provider value={IN_DIALOG_REGION}>
                   <Surface elevated={regular || undefined}>

package/src/SheetModal/index.tsx

@@ -9,7 +9,12 @@
  * on device). Dismissal: overlay tap / snap-to-bottom / Escape (LC-21).
  */
 
-import { overlayScrim, transitionProps, useResolvedKnobs } from "@multiplatform.one/theme";
+import {
+  overlayScrim,
+  sheetGrabber,
+  transitionProps,
+  useResolvedKnobs,
+} from "@multiplatform.one/theme";
 import { OverlayStackProvider, useOverlayZIndex } from "@multiplatform.one/forms";
 import { useEffect, useId, useRef, type ReactNode } from "react";
 import { isWeb, Sheet, View, useWindowDimensions } from "tamagui";
@@ -133,19 +138,8 @@ export function SheetModal({
         enterStyle={{ opacity: 0 }}
         exitStyle={{ opacity: 0 }}
       />
-      {/* Apple grabber: 36×5 capsule, muted fill, VoiceOver resize affordance. */}
-      <Sheet.Handle
-        backgroundColor="$color8"
-        opacity={0.45}
-        height={5}
-        width={36}
-        borderRadius={100}
-        marginBottom={0}
-        marginHorizontal={0}
-        alignSelf="center"
-        y={10}
-        aria-label="Resize"
-      />
+      {/* VoiceOver resize affordance. */}
+      <Sheet.Handle {...sheetGrabber} aria-label="Resize" />
       <SheetFrame
         ref={frameRef as never}
         {...({

package/src/appShell/AppShell.spec.tsx

@@ -17,6 +17,7 @@ import {
 } from "../layouts/page";
 import { ListPageLayout } from "../layouts/PageTemplates";
 import { AppShell, appShellRoute, type AppShellDestination } from "./AppShell";
+import { setBottomChromeInset } from "./bottomChrome";
 
 const size = vi.hoisted(() => ({ value: "compact" as string }));
 vi.mock("@multiplatform.one/theme", async (importOriginal) => ({
@@ -205,6 +206,26 @@ describe("AppShell on a phone", () => {
     }
   });
 
+  it("ends an own-chrome tab route above the tab bar it keeps, and clears it once", () => {
+    const bar = Symbol("bar");
+    act(() => setBottomChromeInset(bar, 77));
+    try {
+      shell("/desk/Pokemon", {
+        destinations: [...destinations, { key: "/desk", label: "Desk", icon: HouseIcon }],
+        children: <Screen>row</Screen>,
+      });
+      const frame = screen.getByTestId("app-shell-own-chrome");
+      expect(
+        getComputedStyle(frame).paddingBottom === "77px" ||
+          /\b_pb-77px\b|padding-bottom: 77px/.test(frame.outerHTML),
+      ).toBe(true);
+      expect(frame.contains(screen.getByText("row"))).toBe(true);
+      expect(screen.queryByTestId("screen-chrome-clearance")).toBeNull();
+    } finally {
+      act(() => setBottomChromeInset(bar, null));
+    }
+  });
+
   it("draws no tab bar around an own-chrome route at regular width", () => {
     size.value = "expanded";
     shell("/desk", {

package/src/appShell/AppShell.tsx

@@ -49,7 +49,7 @@ import { Sidebar } from "../layouts/sidebar";
 import { useTranslation } from "../shared/i18n";
 import type { TabBarIcon, TabBarItem } from "./TabBar";
 import { TabHost } from "./TabHost";
-import { useBottomChromeInset, useFloatingBarMounted } from "./bottomChrome";
+import { BottomChromeCleared, useBottomChromeInset, useFloatingBarMounted } from "./bottomChrome";
 
 export interface AppShellDestination {
   /** The destination's route; a path under it keeps it selected. */
@@ -330,7 +330,14 @@ export function AppShell({
       >
         {showTabs ? (
           <TabHost items={tabItems} activeKey={destination?.key} onTabPress={onTabPress}>
-            {children}
+            <YStack
+              flex={1}
+              minHeight={0}
+              paddingBottom={chromeInset}
+              data-testid="app-shell-own-chrome"
+            >
+              <BottomChromeCleared>{children}</BottomChromeCleared>
+            </YStack>
           </TabHost>
         ) : (
           children

package/src/appShell/TabHost.native.spec.tsx

@@ -187,6 +187,16 @@ describe("NativeTabHost", () => {
     expect(screen.queryByTestId("tab-bar")).toBeNull();
   });
 
+  it("paints the theme background under the routed screen, never UIKit's system one", () => {
+    renderNative("/pokemon");
+    const frame = screen.getByTestId("native-tab-screen");
+    expect(screen.getByTestId("native-screen-/pokemon").contains(frame)).toBe(true);
+    expect(frame.contains(screen.getByTestId("page"))).toBe(true);
+    expect(/_bg-background\b|background-color: var\(--background\)/.test(frame.outerHTML)).toBe(
+      true,
+    );
+  });
+
   it("asks the app to navigate on a tab press instead of switching itself", () => {
     const onTabPress = vi.fn();
     renderNative("/pokemon", onTabPress);

package/src/appShell/TabHost.native.tsx

@@ -28,6 +28,7 @@ import {
 } from "@multiplatform.one/theme";
 import { type ComponentType, type ReactNode, useEffect, useRef, useState } from "react";
 import { type ImageSourcePropType, Platform, UIManager } from "react-native";
+import { YStack } from "tamagui";
 import { setBottomChromeInset } from "./bottomChrome";
 import { useBottomInset } from "./bottomInset";
 import { type TabBarItem, tabBarInactiveInk } from "./TabBar";
@@ -184,7 +185,11 @@ export function NativeTabHost({
           tabBarItemTestID={`tab-bar-item-${item.key.replace(/^\/+/, "") || "root"}`}
           overrideScrollViewContentInsetAdjustmentBehavior={false}
         >
-          {item.key === focusedKey ? children : null}
+          {item.key === focusedKey ? (
+            <YStack flex={1} backgroundColor="$background" data-testid="native-tab-screen">
+              {children}
+            </YStack>
+          ) : null}
         </Screen>
       ))}
     </Host>

package/src/appShell/bottomChrome.ts

@@ -6,7 +6,13 @@
  * bar and the page are siblings in every host, so both live in a store, not
  * a context a host would have to wire.
  */
-import { type ReactNode, useSyncExternalStore } from "react";
+import {
+  createContext,
+  createElement,
+  type ReactNode,
+  useContext,
+  useSyncExternalStore,
+} from "react";
 
 function createStore<T>(empty: T) {
   const entries = new Map<symbol, T>();
@@ -39,9 +45,24 @@ export function setBottomChromeInset(id: symbol, next: number | null) {
   insets.set(id, next, (values) => Math.max(...values));
 }
 
-/** Points of screen the bottom chrome covers; 0 when no floating tab bar is mounted. */
+const Cleared = createContext(false);
+
+/**
+ * A region whose frame already ends above the bottom chrome, so nothing in it
+ * pads by the inset again.
+ */
+export function BottomChromeCleared({ children }: { children?: ReactNode }) {
+  return createElement(Cleared.Provider, { value: true }, children);
+}
+
+/**
+ * Points of screen the bottom chrome covers; 0 when no floating tab bar is
+ * mounted, or inside a `BottomChromeCleared` region.
+ */
 export function useBottomChromeInset(): number {
-  return useSyncExternalStore(insets.subscribe, insets.get, insets.empty);
+  const cleared = useContext(Cleared);
+  const inset = useSyncExternalStore(insets.subscribe, insets.get, insets.empty);
+  return cleared ? 0 : inset;
 }
 
 const accessories = createStore<ReactNode>(null);

package/types/SheetModal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/SheetModal/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASjE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAkCD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,MAAM,EAAE,aAAa,EACrB,aAAa,EACb,SAAS,EACT,UAAU,EACV,IAAY,GACb,EAAE,eAAe,2CAoHjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/SheetModal/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AASH,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASjE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAkCD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,MAAM,EAAE,aAAa,EACrB,aAAa,EACb,SAAS,EACT,UAAU,EACV,IAAY,GACb,EAAE,eAAe,2CAyGjB"}

package/types/SheetModal/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../src/SheetModal/index.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AA8CH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG/C,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAwB/C,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,MAAM,EAAE,aAAa,EACrB,aAAa,EACb,SAAS,EACT,UAAU,EACV,IAAY,GACb,EAAE,eAAe,2CAsdjB"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../src/SheetModal/index.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAgDH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG/C,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAwB/C,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,MAAM,EAAE,aAAa,EACrB,aAAa,EACb,SAAS,EACT,UAAU,EACV,IAAY,GACb,EAAE,eAAe,2CAgdjB"}

package/types/appShell/AppShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../src/appShell/AppShell.tsx"],"names":[],"mappings":"AAkCA,OAAO,EAA+C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAepF,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAIvD,MAAM,WAAW,mBAAmB;IAClC,kEAAkE;IAClE,GAAG,EAAE,MAAM,CAAC;IACZ,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;IACjB,uEAAuE;IACvE,UAAU,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC3B,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,YAAY,EAAE,SAAS,mBAAmB,EAAE,CAAC;IAC7C,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,iGAAiG;IACjG,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAOD,wEAAwE;AACxE,wBAAgB,aAAa,CAC3B,YAAY,EAAE,SAAS,mBAAmB,EAAE,EAC5C,IAAI,EAAE,MAAM,GACX;IAAE,WAAW,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,CAQnE;AAiKD,wBAAgB,QAAQ,CAAC,EACvB,YAAY,EACZ,IAAI,EACJ,UAAU,EACV,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,EACT,SAAc,EACd,QAAQ,EACR,MAAoB,GACrB,EAAE,aAAa,2CA0Pf"}
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../src/appShell/AppShell.tsx"],"names":[],"mappings":"AAkCA,OAAO,EAA+C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAepF,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAIvD,MAAM,WAAW,mBAAmB;IAClC,kEAAkE;IAClE,GAAG,EAAE,MAAM,CAAC;IACZ,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;IACjB,uEAAuE;IACvE,UAAU,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC3B,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,YAAY,EAAE,SAAS,mBAAmB,EAAE,CAAC;IAC7C,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,iGAAiG;IACjG,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAOD,wEAAwE;AACxE,wBAAgB,aAAa,CAC3B,YAAY,EAAE,SAAS,mBAAmB,EAAE,EAC5C,IAAI,EAAE,MAAM,GACX;IAAE,WAAW,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,CAQnE;AAiKD,wBAAgB,QAAQ,CAAC,EACvB,YAAY,EACZ,IAAI,EACJ,UAAU,EACV,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,EACT,SAAc,EACd,QAAQ,EACR,MAAoB,GACrB,EAAE,aAAa,2CAiQf"}

package/types/appShell/TabHost.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabHost.native.d.ts","sourceRoot":"","sources":["../../src/appShell/TabHost.native.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TabHost.native.d.ts","sourceRoot":"","sources":["../../src/appShell/TabHost.native.tsx"],"names":[],"mappings":"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"}

package/types/appShell/bottomChrome.d.ts

@@ -9,7 +9,17 @@
 import { type ReactNode } from "react";
 /** Publish (or with null, withdraw) one floating bar's covered height. */
 export declare function setBottomChromeInset(id: symbol, next: number | null): void;
-/** Points of screen the bottom chrome covers; 0 when no floating tab bar is mounted. */
+/**
+ * A region whose frame already ends above the bottom chrome, so nothing in it
+ * pads by the inset again.
+ */
+export declare function BottomChromeCleared({ children }: {
+    children?: ReactNode;
+}): import("react").FunctionComponentElement<import("react").ProviderProps<boolean>>;
+/**
+ * Points of screen the bottom chrome covers; 0 when no floating tab bar is
+ * mounted, or inside a `BottomChromeCleared` region.
+ */
 export declare function useBottomChromeInset(): number;
 /** Publish (or with null, withdraw) a page's bottom accessory. The latest wins. */
 export declare function setBottomAccessory(id: symbol, node: ReactNode | null): void;

package/types/appShell/bottomChrome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bottomChrome.d.ts","sourceRoot":"","sources":["../../src/appShell/bottomChrome.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAC;AA4B7D,0EAA0E;AAC1E,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,QAEnE;AAED,wFAAwF;AACxF,wBAAgB,oBAAoB,IAAI,MAAM,CAE7C;AAKD,mFAAmF;AACnF,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,IAAI,QAEpE;AAED,uEAAuE;AACvE,wBAAgB,kBAAkB,IAAI,SAAS,CAE9C;AAED,sEAAsE;AACtE,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,QAEjE;AAED,uEAAuE;AACvE,wBAAgB,qBAAqB,IAAI,OAAO,CAE/C"}
+{"version":3,"file":"bottomChrome.d.ts","sourceRoot":"","sources":["../../src/appShell/bottomChrome.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAGL,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AA4Bf,0EAA0E;AAC1E,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,QAEnE;AAID;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,oFAEzE;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,MAAM,CAI7C;AAKD,mFAAmF;AACnF,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,IAAI,QAEpE;AAED,uEAAuE;AACvE,wBAAgB,kBAAkB,IAAI,SAAS,CAE9C;AAED,sEAAsE;AACtE,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,QAEjE;AAED,uEAAuE;AACvE,wBAAgB,qBAAqB,IAAI,OAAO,CAE/C"}