@multiplatform.one/components 7.81.2 → 7.82.0

package/src/layouts/navBar.spec.tsx

@@ -8,10 +8,10 @@
  * jsdom has no layout: the large title's geometry is stubbed through
  * getBoundingClientRect, and scrolling sets scrollTop on the scroll element.
  */
-import { ICON_BUTTON_GLYPH_PX } from "@multiplatform.one/forms";
+import { ICON_BUTTON_GLYPH_PX, IconButton } from "@multiplatform.one/forms";
 import { renderWithProviders } from "@multiplatform.one/test-utils";
 import { Preset, useGlyphTintOnSurface } from "@multiplatform.one/theme";
-import { SlidersHorizontalIcon } from "@phosphor-icons/react";
+import { PlusIcon, SlidersHorizontalIcon } from "@phosphor-icons/react";
 import { act, cleanup, fireEvent, screen } from "@testing-library/react";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 import {
@@ -269,3 +269,59 @@ describe("bar glyphs carry their weight (LC-176)", () => {
     expect(screen.getByLabelText("Back").closest("[data-mp-icon-button-group]")).toBeNull();
   });
 });
+
+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";
+
+describe("inline bar title and glyphs on glass (FZ-8442)", () => {
+  afterEach(() => vi.unstubAllGlobals());
+
+  it("a title is centred in the flow toolbar and shown at rest, clear of the back control", () => {
+    renderWithProviders(
+      <ScreenToolbar
+        leading={<PageBackButton />}
+        title="Inbox"
+        trailing={<PageBarButton icon={SlidersHorizontalIcon} aria-label="Filter" />}
+      />,
+    );
+    const title = document.querySelector("[data-bar-title]") as HTMLElement;
+    expect(title.textContent).toBe("Inbox");
+    expect(title.getAttribute("aria-hidden")).not.toBe("true");
+    const back = screen.getByLabelText("Back");
+    expect(title.contains(back)).toBe(false);
+    expect(back.parentElement?.contains(title)).toBe(false);
+  });
+
+  it("the pinned bar shows a given title at rest", () => {
+    renderWithProviders(
+      <Screen topBar={<ScreenToolbar leading={<PageBackButton />} title="Inbox" />}>
+        <div style={{ height: 2000 }} />
+      </Screen>,
+    );
+    const title = document.querySelector("[data-top-bar] [data-bar-title]") as HTMLElement;
+    expect(title.textContent).toBe("Inbox");
+    expect(title.getAttribute("aria-hidden")).not.toBe("true");
+  });
+
+  it("on glass the back caret drops its pull and a lone + keeps its own circle", () => {
+    vi.stubGlobal("navigator", { userAgent: IPHONE, platform: "iPhone", maxTouchPoints: 5 });
+    renderWithProviders(
+      <Screen topBar={<ScreenToolbar leading={<PageBackButton />} />}>
+        <PageHeader
+          title="Nodes"
+          actions={<IconButton icon={PlusIcon} aria-label="Add node" edge="end" />}
+        />
+      </Screen>,
+    );
+    const back = screen.getByLabelText("Back");
+    expect(back.getAttribute("data-mp-icon-button")).toBe("glass");
+    const caret = back.querySelector("svg")!;
+    const pull = Math.round(Number(caret.getAttribute("width")) * (72 / 256));
+    expect(Array.from(caret.parentElement!.classList).some((c) => c.includes(`-${pull}px`))).toBe(
+      false,
+    );
+    const add = screen.getByLabelText("Add node");
+    expect(add.getAttribute("data-mp-icon-button")).toBe("glass");
+    expect(add.closest("[data-mp-glass-capsule]")).toBeNull();
+  });
+});

package/src/layouts/page.tsx

@@ -33,9 +33,15 @@ import {
   type PageTitleScale,
   type ParentScreen,
 } from "@multiplatform.one/theme";
-import { Button, IconButtonGroup, type ButtonProps } from "@multiplatform.one/forms";
+import {
+  Button,
+  IconButtonGroup,
+  useGlyphOnPlate,
+  type ButtonProps,
+} from "@multiplatform.one/forms";
 import { CaretLeftIcon, CaretRightIcon, DotsThreeIcon } from "@phosphor-icons/react";
 import { useState, type ReactNode } from "react";
+import { barTitleSpan, sideExtents } from "./barTitleSpan";
 import type { LayoutChangeEvent, NativeScrollEvent, NativeSyntheticEvent } from "react-native";
 import type { ScrollViewProps as TamaguiScrollViewProps, XStackProps, YStackProps } from "tamagui";
 import {
@@ -655,11 +661,94 @@ export { EmptyState, type EmptyStateProps } from "./EmptyState";
 // ScreenToolbar — minimal back/edit-style screen toolbar
 // ---------------------------------------------------------------------------
 
-export interface ScreenToolbarProps extends XStackProps {
+export interface ScreenToolbarProps extends Omit<XStackProps, "title"> {
   /** Leading content (typically a back button). */
   leading?: ReactNode;
   /** Trailing content (typically primary/secondary actions). */
   trailing?: ReactNode;
+  /**
+   * The bar's inline title (the iOS inline navigation title): centred in the
+   * bar, clear of the wider side group, never set against the back control.
+   */
+  title?: string;
+}
+
+function useBarTitleSpan() {
+  const none = { x: 0, width: 0 };
+  const [box, setBox] = useState({ row: 0, leading: none, trailing: none, title: 0 });
+  const set = <K extends keyof typeof box>(key: K, value: (typeof box)[K]) =>
+    setBox((prev) =>
+      JSON.stringify(prev[key]) === JSON.stringify(value) ? prev : { ...prev, [key]: value },
+    );
+  const extent = (event: LayoutChangeEvent) => {
+    const { x, width } = event.nativeEvent.layout;
+    return { x, width };
+  };
+  return {
+    span: barTitleSpan({
+      row: box.row,
+      title: box.title,
+      ...sideExtents(box.row, box.leading, box.trailing),
+    }),
+    measureRow: (event: LayoutChangeEvent) => set("row", Math.floor(extent(event).width)),
+    measureLeading: (event: LayoutChangeEvent) => set("leading", extent(event)),
+    measureTrailing: (event: LayoutChangeEvent) => set("trailing", extent(event)),
+    measureTitle: (event: LayoutChangeEvent) => set("title", Math.ceil(extent(event).width)),
+  };
+}
+
+function BarTitle({
+  title,
+  span,
+  onTitleWidth,
+  shown = true,
+  ...rest
+}: {
+  title: string;
+  span: { left: number; right: number };
+  onTitleWidth: (event: LayoutChangeEvent) => void;
+  shown?: boolean;
+} & XStackProps) {
+  const { knobProps } = useResolvedKnobs({ component: "ScreenToolbar" });
+  const text = {
+    ...knobProps.body,
+    fontWeight: "600",
+    color: "$color12",
+    numberOfLines: 1,
+  } as const;
+  return (
+    <>
+      {shown ? (
+        <XStack
+          position="absolute"
+          top={0}
+          left={0}
+          opacity={0}
+          pointerEvents="none"
+          aria-hidden
+          onLayout={onTitleWidth}
+        >
+          <SizableText {...text}>{title}</SizableText>
+        </XStack>
+      ) : null}
+      <XStack
+        position="absolute"
+        top={0}
+        bottom={0}
+        left={span.left}
+        right={span.right}
+        alignItems="center"
+        justifyContent="center"
+        pointerEvents="none"
+        aria-hidden={!shown}
+        data-bar-title=""
+        opacity={shown ? 1 : 0}
+        {...rest}
+      >
+        <SizableText {...text}>{title}</SizableText>
+      </XStack>
+    </>
+  );
 }
 
 /**
@@ -679,8 +768,9 @@ export function ScreenToolbar(props: ScreenToolbarProps) {
   return slot ? <PinnedTopBar {...props} slot={slot} /> : <InlineToolbar {...props} />;
 }
 
-function InlineToolbar({ leading, trailing, children, ...rest }: ScreenToolbarProps) {
+function InlineToolbar({ leading, trailing, title, children, ...rest }: ScreenToolbarProps) {
   const { knobProps } = useResolvedKnobs({ component: "ScreenToolbar" });
+  const titleSpan = useBarTitleSpan();
   const insetToken = usePageChromeInset();
   const bleed = insetToken ? { marginHorizontal: negateSpaceToken(insetToken) as "$4" } : null;
   // LC-145: a phone top bar is one row; the leading group shrinks first.
@@ -692,8 +782,9 @@ function InlineToolbar({ leading, trailing, children, ...rest }: ScreenToolbarPr
         data-testid="screen-toolbar"
         justifyContent="space-between"
         alignItems="center"
-        flexWrap={oneRow ? "nowrap" : "wrap"}
+        flexWrap={oneRow || title ? "nowrap" : "wrap"}
         minHeight={MIN_PRESS_TARGET}
+        {...(title ? { position: "relative" as const, onLayout: titleSpan.measureRow } : null)}
         {...bleed}
         {...(insetToken ? { paddingHorizontal: insetToken as "$4" } : knobProps.panelPadding)}
         {...knobProps.gap}
@@ -706,6 +797,7 @@ function InlineToolbar({ leading, trailing, children, ...rest }: ScreenToolbarPr
           // Shrink weight, not a size: the back label gives way before the actions wrap.
           flexShrink={oneRow ? 1000 : 1}
           minWidth={0}
+          {...(title ? { onLayout: titleSpan.measureLeading } : null)}
         >
           {leading}
         </XStack>
@@ -716,9 +808,13 @@ function InlineToolbar({ leading, trailing, children, ...rest }: ScreenToolbarPr
           flexShrink={1}
           minWidth={0}
           justifyContent="flex-end"
+          {...(title ? { onLayout: titleSpan.measureTrailing } : null)}
         >
           {trailing}
         </IconButtonGroup>
+        {title ? (
+          <BarTitle title={title} span={titleSpan.span} onTitleWidth={titleSpan.measureTitle} />
+        ) : null}
       </XStack>
     </Surface>
   );
@@ -737,19 +833,16 @@ function InlineToolbar({ leading, trailing, children, ...rest }: ScreenToolbarPr
 function PinnedTopBar({
   leading,
   trailing,
+  title: inlineTitle,
   children,
   slot,
   ...rest
 }: ScreenToolbarProps & { slot: { inset: string | null; maxWidth: number | null } }) {
   const { knobProps } = useResolvedKnobs({ component: "ScreenToolbar" });
-  const { scrolled, collapsed, title } = useScreenScroll();
-  const [sides, setSides] = useState({ leading: 0, trailing: 0 });
-  const measureSide = (side: "leading" | "trailing") => (event: LayoutChangeEvent) => {
-    const width = Math.ceil(event.nativeEvent.layout.width);
-    setSides((prev) => (prev[side] === width ? prev : { ...prev, [side]: width }));
-  };
+  const { scrolled, collapsed, title: largeTitle } = useScreenScroll();
+  const titleSpan = useBarTitleSpan();
   const motion = transitionProps(knobProps.motion.control);
-  const clearance = Math.max(sides.leading, sides.trailing);
+  const title = inlineTitle ?? largeTitle;
   // LC-153: the pinned bar is a bar, so its neutral buttons paint plain.
   return (
     <Surface bar>
@@ -772,6 +865,7 @@ function PinnedTopBar({
           flexWrap="nowrap"
           // The collapsed title is placed against this row, not the page.
           position="relative"
+          onLayout={titleSpan.measureRow}
           paddingHorizontal={(slot.inset ?? knobProps.panelPadding.padding) as "$4"}
           {...knobProps.gap}
           {...rest}
@@ -781,7 +875,7 @@ function PinnedTopBar({
             alignItems="center"
             flexShrink={1000}
             minWidth={0}
-            onLayout={measureSide("leading")}
+            onLayout={titleSpan.measureLeading}
           >
             {leading}
           </XStack>
@@ -794,29 +888,18 @@ function PinnedTopBar({
             flexShrink={1}
             minWidth={0}
             justifyContent="flex-end"
-            onLayout={measureSide("trailing")}
+            onLayout={titleSpan.measureTrailing}
           >
             {trailing}
           </IconButtonGroup>
           {title ? (
-            <XStack
-              position="absolute"
-              top={0}
-              bottom={0}
-              left={clearance}
-              right={clearance}
-              alignItems="center"
-              justifyContent="center"
-              pointerEvents="none"
-              aria-hidden={!collapsed}
-              data-bar-title=""
-              opacity={collapsed ? 1 : 0}
+            <BarTitle
+              title={title}
+              span={titleSpan.span}
+              onTitleWidth={titleSpan.measureTitle}
+              shown={Boolean(inlineTitle) || collapsed}
               {...motion}
-            >
-              <SizableText {...knobProps.body} fontWeight="600" color="$color12" numberOfLines={1}>
-                {title}
-              </SizableText>
-            </XStack>
+            />
           ) : null}
         </XStack>
       </YStack>
@@ -841,8 +924,11 @@ function useTopBarControl() {
 // Phosphor's caret path starts 72 units into its 256 grid; back pulls by that
 // so the caret's point, not its box, lands on the title's leading edge.
 const CARET_OPTICAL_INSET = 72 / 256;
+// Its ink is centred 8 units toward the point, so on a glass circle it moves
+// back by that to sit at the circle's centre (FZ-8442).
+const CARET_INK_OFFSET = 8 / 256;
 
-function backCaret(Caret: typeof CaretLeftIcon) {
+function backCaret(Caret: typeof CaretLeftIcon, inkSign: 1 | -1) {
   return function BackCaret({
     size = 22,
     color,
@@ -856,16 +942,22 @@ function backCaret(Caret: typeof CaretLeftIcon) {
     strokeWidth?: number;
     strokeLinejoin?: "round";
   }) {
+    const plated = useGlyphOnPlate();
     return (
-      <XStack data-back-caret="" marginInlineStart={-Math.round(size * CARET_OPTICAL_INSET)}>
+      <XStack
+        data-back-caret=""
+        {...(plated
+          ? { x: inkSign * size * CARET_INK_OFFSET }
+          : { marginInlineStart: -Math.round(size * CARET_OPTICAL_INSET) })}
+      >
         <Caret size={size} color={color} weight={weight} {...stroke} />
       </XStack>
     );
   };
 }
 
-const BackCaretLeft = backCaret(CaretLeftIcon);
-const BackCaretRight = backCaret(CaretRightIcon);
+const BackCaretLeft = backCaret(CaretLeftIcon, 1);
+const BackCaretRight = backCaret(CaretRightIcon, -1);
 
 export interface PageBackButtonProps extends Omit<ButtonProps, "children"> {
   /** Where back goes, shown beside the caret (the list's name). */

package/types/code/CodeBlock/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/code/CodeBlock/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA2CH,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qDAAqD;IACrD,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,sCAAsC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAa,EACb,QAAgB,EAChB,KAAK,EACL,eAAe,EAAE,mBAAmB,EACpC,cAAmB,EACnB,WAAW,EACX,IAAI,GACL,EAAE,cAAc,2CAiJhB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/code/CodeBlock/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA4CH,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qDAAqD;IACrD,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,sCAAsC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAa,EACb,QAAgB,EAChB,KAAK,EACL,eAAe,EAAE,mBAAmB,EACpC,cAAmB,EACnB,WAAW,EACX,IAAI,GACL,EAAE,cAAc,2CAgKhB"}

package/types/layouts/EmptyState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../src/layouts/EmptyState.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAGL,KAAK,UAAU,EAMf,KAAK,WAAW,EACjB,MAAM,SAAS,CAAC;AAKjB,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;IAChE,gFAAgF;IAChF,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4FAA4F;IAC5F,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kFAAkF;IAClF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AA6ED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,EACN,OAAO,EACP,OAAe,EACf,MAAkB,EAClB,IAAI,EACJ,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,eAAe,2CA2GjB"}
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../src/layouts/EmptyState.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAGL,KAAK,UAAU,EAKf,KAAK,WAAW,EACjB,MAAM,SAAS,CAAC;AAIjB,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;IAChE,gFAAgF;IAChF,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4FAA4F;IAC5F,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kFAAkF;IAClF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AA+CD;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,EACN,OAAO,EACP,OAAe,EACf,MAAkB,EAClB,IAAI,EACJ,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,eAAe,2CA2GjB"}

package/types/layouts/barTitleSpan.d.ts

@@ -0,0 +1,29 @@
+/** The space kept between the bar's inline title and either side group. */
+export declare const BAR_TITLE_GAP = 8;
+export interface BarTitleBox {
+    /** The bar row's width. */
+    row: number;
+    /** Where the group on the left ends, from the row's left edge; 0 when empty. */
+    leftEnd: number;
+    /** Where the group on the right starts, from the row's left edge; 0 when empty. */
+    rightStart: number;
+    /** The title's natural one-line width. */
+    title: number;
+}
+/**
+ * Where the bar's inline title sits. Like UIKit it is centred on the bar
+ * while it fits clear of both side groups; when the wider group would touch
+ * it, it centres in the span left between the groups instead of vanishing.
+ */
+export declare function barTitleSpan(box: BarTitleBox): {
+    left: number;
+    right: number;
+};
+type Extent = {
+    x: number;
+    width: number;
+};
+/** The bar's two side groups as physical left and right extents (RTL-safe). */
+export declare function sideExtents(row: number, a: Extent, b: Extent): Pick<BarTitleBox, "leftEnd" | "rightStart">;
+export {};
+//# sourceMappingURL=barTitleSpan.d.ts.map

package/types/layouts/barTitleSpan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"barTitleSpan.d.ts","sourceRoot":"","sources":["../../src/layouts/barTitleSpan.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,eAAO,MAAM,aAAa,IAAI,CAAC;AAE/B,MAAM,WAAW,WAAW;IAC1B,2BAA2B;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,gFAAgF;IAChF,OAAO,EAAE,MAAM,CAAC;IAChB,mFAAmF;IACnF,UAAU,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAK9E;AAED,KAAK,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3C,+EAA+E;AAC/E,wBAAgB,WAAW,CACzB,GAAG,EAAE,MAAM,EACX,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,GACR,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,YAAY,CAAC,CAU7C"}

package/types/layouts/page.d.ts

@@ -135,11 +135,16 @@ export interface PageSectionProps extends YStackProps {
  */
 export declare function PageSection({ title, description, heading, divider, surface, headingLevel, children, ...rest }: PageSectionProps): import("react/jsx-runtime").JSX.Element;
 export { EmptyState, type EmptyStateProps } from "./EmptyState";
-export interface ScreenToolbarProps extends XStackProps {
+export interface ScreenToolbarProps extends Omit<XStackProps, "title"> {
     /** Leading content (typically a back button). */
     leading?: ReactNode;
     /** Trailing content (typically primary/secondary actions). */
     trailing?: ReactNode;
+    /**
+     * The bar's inline title (the iOS inline navigation title): centred in the
+     * bar, clear of the wider side group, never set against the back control.
+     */
+    title?: string;
 }
 /**
  * Minimal toolbar with leading/trailing slots. For the standard "back +

package/types/layouts/page.d.ts.map

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