@multiplatform.one/frappe-ui 7.50.1 → 7.51.0

package/src/record/RecordLargeTitle.spec.tsx

@@ -0,0 +1,58 @@
+/**
+ * LC-157: the record page's name reaches its pinned bar. RecordPage renders
+ * the Screen, so the title registers from a child inside the Screen's scroll
+ * scope; registered from RecordPage's own body it never reached the bar, and
+ * the One detail's bar stayed empty however far it scrolled.
+ */
+import { Screen, ScreenToolbar } from "@multiplatform.one/components";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { act, cleanup, fireEvent, screen } from "@testing-library/react";
+import fs from "node:fs";
+import path from "node:path";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { RecordLargeTitle } from "./RecordPage";
+
+const TITLE_BOTTOM = 120;
+
+beforeEach(() => {
+  vi.spyOn(Element.prototype, "getBoundingClientRect").mockImplementation(function (this: Element) {
+    const bottom = this.tagName === "H1" ? TITLE_BOTTOM : 0;
+    return { top: 0, bottom, left: 0, right: 0, width: 0, height: bottom, x: 0, y: 0 } as DOMRect;
+  });
+});
+
+afterEach(() => {
+  vi.restoreAllMocks();
+  cleanup();
+});
+
+describe("RecordLargeTitle (LC-157)", () => {
+  it("hands the record's name to the pinned bar once it scrolls away", async () => {
+    const { container } = renderWithProviders(
+      <Screen
+        scrollViewProps={{ testID: "page-scroll" } as never}
+        topBar={<ScreenToolbar leading={<span>Pokemon</span>} />}
+      >
+        <RecordLargeTitle title="Pikachu" />
+        <div style={{ height: 2000 }} />
+      </Screen>,
+    );
+    const barTitle = () => container.querySelector("[data-bar-title]");
+    expect(barTitle()?.textContent).toBe("Pikachu");
+    expect(barTitle()?.getAttribute("aria-hidden")).toBe("true");
+    await act(async () => {
+      fireEvent.scroll(screen.getByTestId("page-scroll"), {
+        target: { scrollTop: TITLE_BOTTOM + 10 },
+      });
+      await new Promise((resolve) => setTimeout(resolve, 120));
+    });
+    expect(barTitle()?.getAttribute("aria-hidden")).toBe("false");
+  });
+
+  it("RecordPage renders its name through it, not a hook in its own body", () => {
+    const source = fs.readFileSync(path.resolve(__dirname, "RecordPage.tsx"), "utf-8");
+    const body = source.slice(source.indexOf("export function RecordPage<"));
+    expect(body).toContain("<RecordLargeTitle title={title} />");
+    expect(body).not.toContain("useLargeTitle(");
+  });
+});

package/src/record/RecordPage.tsx

@@ -2,28 +2,21 @@ import {
   Avatar,
   DropdownMenu,
   H1,
+  PageBackButton,
   PageSection,
   Quote,
   Screen,
+  ScreenToolbar,
   Tabs,
   Text,
   XStack,
   YStack,
+  useLargeTitle,
   type DropdownMenuEntry,
 } from "@multiplatform.one/components";
 import { Button } from "@multiplatform.one/forms";
-import {
-  formatAbsoluteDateTime,
-  hairline,
-  Surface,
-  useResolvedKnobs,
-} from "@multiplatform.one/theme";
-import {
-  CaretLeftIcon,
-  DotsThreeOutlineIcon,
-  HeartIcon,
-  PencilSimpleIcon,
-} from "@phosphor-icons/react";
+import { formatAbsoluteDateTime, useResolvedKnobs } from "@multiplatform.one/theme";
+import { DotsThreeOutlineIcon, HeartIcon, PencilSimpleIcon } from "@phosphor-icons/react";
 import type { ComponentType, ReactNode } from "react";
 import { useTranslation } from "react-i18next";
 import { frappeRouteHref } from "../frappeNavigation";
@@ -40,6 +33,22 @@ import { RecordPager, type RecordPagerEntry } from "./RecordPager";
 import { RecordGroup, RecordRows } from "./RecordRows";
 import type { FrappeRecordSection, FrappeRecordTab } from "./recordSections";
 
+/**
+ * LC-157: the record's name is the page's large title, at the page-title
+ * token, and the top bar takes it once it scrolls away. It registers from
+ * inside the Screen: RecordPage renders the Screen, so a hook in its own body
+ * would sit above the scroll scope and never reach the bar.
+ */
+export function RecordLargeTitle({ title }: { title: string }) {
+  const { knobProps } = useResolvedKnobs();
+  const largeTitle = useLargeTitle(title);
+  return (
+    <H1 margin={0} {...largeTitle} {...knobProps.pageTitle} {...knobProps.heading}>
+      {title}
+    </H1>
+  );
+}
+
 /** A hop from the record to another page of it (the backoffice form). */
 export interface FrappeRecordAction<TDoc> {
   label: string;
@@ -73,7 +82,10 @@ export interface RecordPageProps<TDoc extends { name: string; doctype: string }>
   canEdit: boolean;
 }
 
-/** The record page's top bar: back to the list, then the heart and the menu. */
+/**
+ * The record page's top bar: back to the list, then the heart and the menu.
+ * It is the Screen's pinned bar (LC-157): pass it as `Screen`'s `topBar`.
+ */
 export function RecordTopBar({
   listName,
   onBack,
@@ -86,43 +98,19 @@ export function RecordTopBar({
   trailing?: ReactNode;
 }) {
   const { t } = useTranslation();
-  const { knobProps } = useResolvedKnobs();
-  // LC-153: the top bar's neutral buttons (back, heart, menu) paint plain.
   return (
-    <Surface bar>
-      <XStack
-        alignItems="center"
-        {...knobProps.gapSm}
-        paddingHorizontal={knobProps.gapSm.gap}
-        paddingVertical="$1"
-        {...hairline.bottom}
-        borderColor="$borderColor"
-        testID={`${slug}-detail-header`}
-      >
-        <Button
-          chromeless
-          minHeight={knobProps.sizeToken}
+    <ScreenToolbar
+      testID={`${slug}-detail-header`}
+      leading={
+        <PageBackButton
+          label={listName}
           onPress={onBack}
-          icon={CaretLeftIcon}
-          flexShrink={1}
           aria-label={t("Back to {{title}}", { title: listName })}
           testID={`${slug}-detail-back`}
-        >
-          {listName}
-        </Button>
-        {trailing ? (
-          <XStack
-            alignItems="center"
-            justifyContent="flex-end"
-            gap="$1"
-            flexGrow={1}
-            flexShrink={0}
-          >
-            {trailing}
-          </XStack>
-        ) : null}
-      </XStack>
-    </Surface>
+        />
+      }
+      trailing={trailing}
+    />
   );
 }
 
@@ -333,14 +321,18 @@ export function RecordPage<TDoc extends { name: string; doctype: string }>({
   );
 
   return (
-    <Screen noPadding gap={0}>
-      <RecordTopBar
-        listName={listName}
-        onBack={() => navigate(route)}
-        slug={slug}
-        trailing={trailing}
-      />
-
+    <Screen
+      noPadding
+      gap={0}
+      topBar={
+        <RecordTopBar
+          listName={listName}
+          onBack={() => navigate(route)}
+          slug={slug}
+          trailing={trailing}
+        />
+      }
+    >
       <RecordHeroFrame tint={tint} testID={`${slug}-detail-stage`}>
         <YStack testID={`${slug}-hero-art`}>
           <RecordGallery images={images} slides={slides} alt={title} />
@@ -366,9 +358,7 @@ export function RecordPage<TDoc extends { name: string; doctype: string }>({
             />
           ))}
         </XStack>
-        <H1 margin={0} size="$10">
-          {title}
-        </H1>
+        <RecordLargeTitle title={title} />
         {look?.subtitle?.(doc) ? (
           <Text {...nested.body} color="$color11">
             {look.subtitle(doc)}

package/src/record/RecordRows.surface.spec.tsx

@@ -0,0 +1,23 @@
+/**
+ * LC-151 SURFACE-LADDER: a record's grouped rows (abilities, moves, history,
+ * the stats bars) sit on the page as one content card, the grouped white step
+ * with its hairline edge, not as a page-coloured outline.
+ */
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { cleanup } from "@testing-library/react";
+import { afterEach, describe, expect, it } from "vitest";
+import { RecordGroup } from "./RecordRows";
+
+afterEach(cleanup);
+
+describe("RecordGroup surface (LC-151)", () => {
+  it("is a content Card, so it takes the grouped step and the hairline", () => {
+    const { getByTestId } = renderWithProviders(
+      <RecordGroup testID="abilities">
+        {[<span key="a">Static</span>, <span key="b">Lightning Rod</span>]}
+      </RecordGroup>,
+    );
+    const group = getByTestId("abilities");
+    expect(group.className).toContain("is_Card");
+  });
+});

package/src/record/RecordRows.tsx

@@ -1,11 +1,12 @@
 import {
   Accordion,
+  Card,
   Chip,
   TamaguiSizableText,
   Text,
   XStack,
   YStack,
-  type YStackProps,
+  type CardProps,
 } from "@multiplatform.one/components";
 import { hairline, useResolvedKnobs } from "@multiplatform.one/theme";
 import type { ReactNode } from "react";
@@ -16,12 +17,14 @@ import { slugWords, type FrappeRecordRowsSection } from "./recordSections";
 type Row = Record<string, unknown>;
 
 /** The bordered surface the record page sets its groups and bars on. */
-export function RecordGroupFrame({ children, ...rest }: YStackProps & { children: ReactNode }) {
-  const { knobProps } = useResolvedKnobs();
+export function RecordGroupFrame({ children, ...rest }: CardProps & { children: ReactNode }) {
+  // LC-151: a record's grouped rows are a content card, the grouped white
+  // step with a hairline edge on the page. The rows own their inset, so the
+  // card adds none.
   return (
-    <YStack {...knobProps.surface} {...knobProps.containerRadius} overflow="hidden" {...rest}>
+    <Card padding={0} gap={0} overflow="hidden" {...rest}>
       {children}
-    </YStack>
+    </Card>
   );
 }
 

package/src/schemaForm/SchemaForm.flatLift.spec.tsx

@@ -0,0 +1,49 @@
+// LC-151 gives a top-level card a hair of lift. A flat form section drops its
+// card chrome on a phone, and the lift with it: on web the lift is an inline
+// box-shadow, so the section clears it itself rather than through `$max-sm`.
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import type { FieldSchema } from "../fieldRegistry";
+import { SchemaForm, type FormSchema } from "./index";
+
+const media = vi.hoisted(() => ({ phone: true }));
+vi.mock("tamagui", async (importOriginal) => {
+  const actual = (await importOriginal()) as Record<string, unknown> & {
+    useMedia: () => Record<string, boolean>;
+  };
+  return { ...actual, useMedia: () => ({ ...actual.useMedia(), "max-sm": media.phone }) };
+});
+
+const fields: FieldSchema[] = [{ type: "Data", name: "pokemon_name", label: "Name" }];
+const schema: FormSchema = { fields, sections: [{ label: "Vitals", columns: [{ fields }] }] };
+
+function sectionCard(layout: "flat" | "cards") {
+  renderWithProviders(
+    <SchemaForm
+      schema={schema}
+      doc={{ pokemon_name: "Pikachu" }}
+      setValue={vi.fn()}
+      layout={layout}
+    />,
+  );
+  return document.querySelector("[data-mpo-schema-form-card]") as HTMLElement;
+}
+
+afterEach(() => {
+  media.phone = true;
+});
+
+describe("a flat section on a phone has no card lift (LC-151)", () => {
+  it("clears the inline box-shadow under max-sm", () => {
+    expect(sectionCard("flat").style.boxShadow).toBe("none");
+  });
+
+  it("keeps the card's lift on a wider screen", () => {
+    media.phone = false;
+    expect(sectionCard("flat").style.boxShadow).not.toBe("none");
+  });
+
+  it("keeps the lift on a carded section on a phone", () => {
+    expect(sectionCard("cards").style.boxShadow).not.toBe("none");
+  });
+});

package/src/schemaForm/index.tsx

@@ -20,7 +20,7 @@ import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { Card, sectionHeading, Text } from "@multiplatform.one/components";
 import React, { useMemo } from "react";
 import { useTranslation } from "react-i18next";
-import { SizableText, Text as TamaguiText, XStack, YStack } from "tamagui";
+import { SizableText, Text as TamaguiText, XStack, YStack, useMedia } from "tamagui";
 
 import { compileDependsOn } from "../dependsOn";
 import { Heading, type HeadingLevel } from "../fields/Heading";
@@ -371,6 +371,10 @@ function SchemaFormSectionCard({
   }, [collapsible, section.collapsed]);
   const hideBorder = !!section.hideBorder;
   const effectiveCollapsed = collapsible && collapsed;
+  // The card's lift is an inline box-shadow on web (LC-151), which a
+  // `$max-sm` media prop cannot reach, so a flattened phone section drops it here.
+  const media = useMedia();
+  const phoneFlat = flat && media["max-sm"];
 
   return (
     <Card
@@ -379,6 +383,7 @@ function SchemaFormSectionCard({
       data-mpo-schema-form-flat={flat ? "" : undefined}
       {...(hideBorder ? { borderWidth: 0, backgroundColor: "transparent" } : {})}
       {...(flat ? { "$max-sm": phoneFlatSection } : {})}
+      {...(phoneFlat ? { style: { boxShadow: "none" } } : {})}
     >
       {flat && section.label ? (
         <Card.Header>
@@ -519,6 +524,7 @@ const phoneFlatSection = {
   borderRadius: 0,
   borderWidth: 0,
   elevation: 0,
+  shadowOpacity: 0,
 } as const;
 
 /**

package/types/FrappeRecordView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FrappeRecordView.d.ts","sourceRoot":"","sources":["../src/FrappeRecordView.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FrappeRecordView.d.ts","sourceRoot":"","sources":["../src/FrappeRecordView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAO5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAGL,KAAK,kBAAkB,EAExB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,YAAY,EACV,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,eAAe,GAChB,MAAM,yBAAyB,CAAC;AAEjC,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAI9D,MAAM,WAAW,qBAAqB,CAAC,IAAI,SAAS;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE;IACnF,OAAO,EAAE,MAAM,CAAC;IAChB,sFAAsF;IACtF,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,kFAAkF;IAClF,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,OAAO,CAAC;QAAE,GAAG,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IACtE,iEAAiE;IACjE,MAAM,CAAC,EAAE,SAAS,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,EAAE,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;IAC9D,+EAA+E;IAC/E,WAAW,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAC;IAC1C,IAAI,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,kEAAkE;IAClE,OAAO,CAAC,EAAE,SAAS,oBAAoB,EAAE,CAAC;IAC1C,qCAAqC;IACrC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;IAC9E,IAAI,CAAC,EAAE,SAAS,eAAe,EAAE,CAAC;IAClC,+EAA+E;IAC/E,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,SAAS,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC;IAC9C,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,SAAS;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,EAAE,EAC/E,OAAO,EACP,KAAK,EACL,IAAI,EAAE,QAAQ,EACd,SAAS,EACT,UAAU,EACV,MAAM,EACN,MAAM,EACN,KAAK,EACL,OAAO,EACP,WAAW,EACX,IAAI,EACJ,UAAU,EACV,KAAK,EACL,OAAY,EACZ,OAAO,EACP,IAAa,EACb,SAAS,EACT,OAAY,EACZ,OAAc,EACd,MAAM,GACP,EAAE,qBAAqB,CAAC,IAAI,CAAC,2CA6F7B"}

package/types/record/RecordPage.d.ts

@@ -3,6 +3,15 @@ import { type FrappeInsightsMetric } from "../insights/insightsRecord";
 import type { FrappeListFacet } from "../list/listState";
 import { type FrappeRecordLook } from "../list/recordLook";
 import type { FrappeRecordTab } from "./recordSections";
+/**
+ * LC-157: the record's name is the page's large title, at the page-title
+ * token, and the top bar takes it once it scrolls away. It registers from
+ * inside the Screen: RecordPage renders the Screen, so a hook in its own body
+ * would sit above the scroll scope and never reach the bar.
+ */
+export declare function RecordLargeTitle({ title }: {
+    title: string;
+}): import("react/jsx-runtime").JSX.Element;
 /** A hop from the record to another page of it (the backoffice form). */
 export interface FrappeRecordAction<TDoc> {
     label: string;
@@ -41,7 +50,10 @@ export interface RecordPageProps<TDoc extends {
     /** The session may write this record: Edit shows. */
     canEdit: boolean;
 }
-/** The record page's top bar: back to the list, then the heart and the menu. */
+/**
+ * The record page's top bar: back to the list, then the heart and the menu.
+ * It is the Screen's pinned bar (LC-157): pass it as `Screen`'s `topBar`.
+ */
 export declare function RecordTopBar({ listName, onBack, slug, trailing, }: {
     listName: string;
     onBack: () => void;

package/types/record/RecordPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecordPage.d.ts","sourceRoot":"","sources":["../../src/record/RecordPage.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAe,KAAK,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAGpF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAOxE,OAAO,KAAK,EAAuB,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAE7E,yEAAyE;AACzE,MAAM,WAAW,kBAAkB,CAAC,IAAI;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvC,IAAI,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,MAAM,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,KAAK,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEnC,MAAM,WAAW,eAAe,CAAC,IAAI,SAAS;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE;IAC7E,GAAG,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;IAC1B,IAAI,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,OAAO,EAAE,SAAS,oBAAoB,EAAE,CAAC;IACzC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;IAC9E,IAAI,EAAE,SAAS,eAAe,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,OAAO,EAAE,SAAS,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,qDAAqD;IACrD,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,gFAAgF;AAChF,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,2CAwCA;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,IAAI,SAAS;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,EAAE,EACzE,GAAG,EACH,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,KAAK,EACL,OAAO,EACP,OAAO,EACP,IAAI,EACJ,SAAS,EACT,OAAO,EACP,OAAO,EACP,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAO,GACR,EAAE,eAAe,CAAC,IAAI,CAAC,2CAoPvB"}
+{"version":3,"file":"RecordPage.d.ts","sourceRoot":"","sources":["../../src/record/RecordPage.tsx"],"names":[],"mappings":"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"}

package/types/record/RecordRows.d.ts

@@ -1,9 +1,9 @@
-import { type YStackProps } from "@multiplatform.one/components";
+import { type CardProps } from "@multiplatform.one/components";
 import type { ReactNode } from "react";
 import { type FrappeRecordRowsSection } from "./recordSections";
 type Row = Record<string, unknown>;
 /** The bordered surface the record page sets its groups and bars on. */
-export declare function RecordGroupFrame({ children, ...rest }: YStackProps & {
+export declare function RecordGroupFrame({ children, ...rest }: CardProps & {
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 /** A bordered group of rows split by hairlines, the record page's list shape. */

package/types/record/RecordRows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecordRows.d.ts","sourceRoot":"","sources":["../../src/record/RecordRows.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,WAAW,EACjB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAa,KAAK,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAE3E,KAAK,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEnC,wEAAwE;AACxE,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAO5F;AAED,iFAAiF;AACjF,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,2CAgB3F;AA0CD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,GACR,EAAE;IACD,IAAI,EAAE,SAAS,GAAG,EAAE,CAAC;IACrB,OAAO,EAAE,uBAAuB,CAAC;CAClC,2CAiCA"}
+{"version":3,"file":"RecordRows.d.ts","sourceRoot":"","sources":["../../src/record/RecordRows.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,+BAA+B,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAa,KAAK,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAE3E,KAAK,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEnC,wEAAwE;AACxE,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAS1F;AAED,iFAAiF;AACjF,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,2CAgB3F;AA0CD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,GACR,EAAE;IACD,IAAI,EAAE,SAAS,GAAG,EAAE,CAAC;IACrB,OAAO,EAAE,uBAAuB,CAAC;CAClC,2CAiCA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/schemaForm/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/schemaForm/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,0BAA0B,CAAC;AAGlC,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAGtE,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAMxE,oEAAoE;AACpE,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,WAAW,EAAE,CAAC;CACvB;AAED,mEAAmE;AACnE,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,UAAU,EAAE,CAAC;CACvB;AAED,wCAAwC;AACxC,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,gEAAgE;IAChE,MAAM,EAAE,WAAW,EAAE,CAAC;CACvB;AAED,wDAAwD;AACxD,MAAM,MAAM,aAAa,GACrB,CAAC,CAAC,KAAK,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC,GAC9C;IAAE,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAA;CAAE,GACpD;IAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAAE,CAAC;AAEnC,MAAM,WAAW,eAAe;IAC9B,mDAAmD;IACnD,MAAM,EAAE,UAAU,CAAC;IACnB,4DAA4D;IAC5D,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACzB,4CAA4C;IAC5C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAC1C,2BAA2B;IAC3B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,sCAAsC;IACtC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B;;;OAGG;IACH,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,YAAY,CAAC;IACnC;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,WAAW,KAAK,KAAK,CAAC,SAAS,CAAC;IACxF;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC3B;AAmCD,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,GAAG,EACH,QAAQ,EACR,MAAW,EACX,QAAgB,EAChB,SAAc,EACd,UAAe,EACf,cAAmB,EACnB,eAAwB,EACxB,mBAAuB,EACvB,kBAAkB,EAClB,KAAK,EACL,MAAgB,GACjB,EAAE,eAAe,2CAuKjB;AAyJD;;;GAGG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,WAAW,EAAE,EAAE,CAW9D"}