@multiplatform.one/frappe-ui 7.46.0 → 7.47.1

package/src/insights/InsightsRecords.tsx

@@ -30,7 +30,7 @@ export function InsightsRecords<TDoc>({ tiles, record, testID }: InsightsRecords
       {tiles.map((tile) => {
         const title = record.title(tile.doc);
         const code = record.code(tile.doc);
-        const tints = record.tints(tile.doc);
+        const tint = record.tint(tile.doc);
         return (
           <XStack
             key={tile.id}
@@ -43,7 +43,7 @@ export function InsightsRecords<TDoc>({ tiles, record, testID }: InsightsRecords
             {...knobProps.gap}
           >
             <YStack width={wellPx} flexShrink={0} data-nested-px={knobProps.nestedControl.px}>
-              <ImageWell sources={record.images(tile.doc)} alt={title} tints={tints} inset={0.04} />
+              <ImageWell sources={record.images(tile.doc)} alt={title} tint={tint} inset={0.04} />
             </YStack>
             <YStack gap="$1" flexShrink={1} minWidth={0}>
               <Text {...knobProps.label} color="$color10">

package/src/insights/insightsRecord.ts

@@ -3,8 +3,8 @@ export interface InsightsRecordView<TDoc> {
   title: (doc: TDoc) => string;
   code: (doc: TDoc) => string | undefined;
   images: (doc: TDoc) => string[];
-  /** The facet values' tints, first value first. */
-  tints: (doc: TDoc) => (string | undefined)[];
+  /** The primary facet value's tint (LC-147: never split by a second value). */
+  tint: (doc: TDoc) => string | undefined;
   /** The record's facet values. */
   values: (doc: TDoc) => string[];
   valueLabel: (value: string) => string;

package/src/list/FacetBadge.tsx

@@ -1,10 +1,11 @@
 import { Text, XStack } from "@multiplatform.one/components";
 import { hairlineWidth, sizeTokenStep, useResolvedKnobs } from "@multiplatform.one/theme";
 import type { SizeTokens } from "tamagui";
+import { facetBadgeSteps } from "./facetBadgeSteps";
 
 export interface FacetBadgeProps {
   label: string;
-  /** Theme hue (`"grass"`) painting the badge from its ramp. */
+  /** Theme ramp (`"green"`) painting the badge (LC-147). */
   tint?: string;
   /** Size token (Tamagui's own `size`); below `$true` the badge draws a step smaller. */
   size?: SizeTokens;
@@ -22,8 +23,8 @@ export function FacetBadge({ label, tint = "gray", size }: FacetBadgeProps) {
       {...knobProps.borderRadius}
       paddingHorizontal={small ? "$1.5" : "$2"}
       paddingVertical={small ? "$0.5" : "$1"}
-      backgroundColor={`$${tint}4` as never}
-      borderColor={`$${tint}7` as never}
+      backgroundColor={`$${tint}${facetBadgeSteps.fill}` as never}
+      borderColor={`$${tint}${facetBadgeSteps.border}` as never}
       borderWidth={hairlineWidth}
       alignItems="center"
     >
@@ -32,7 +33,7 @@ export function FacetBadge({ label, tint = "gray", size }: FacetBadgeProps) {
         {...knobProps.body}
         textTransform="capitalize"
         fontWeight="700"
-        color={`$${tint}12` as never}
+        color={`$${tint}${facetBadgeSteps.ink}` as never}
         {...(small ? { fontSize: "$1" as const } : null)}
         letterSpacing={0.3}
       >

package/src/list/ImageWell.spec.tsx

@@ -0,0 +1,47 @@
+// LC-147 TYPE-COLOUR-RAMP: the art backdrop is a soft tint of the record's
+// primary facet value only. A second value shows in its badge and never
+// splits the well or the record stage.
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { cleanup, screen } from "@testing-library/react";
+import { afterEach, describe, expect, it } from "vitest";
+import { RecordHeroFrame } from "../record/RecordHero";
+import { ImageWell } from "./ImageWell";
+
+afterEach(cleanup);
+
+describe("LC-147 one-tint art backdrop", () => {
+  it("fills the image well from the primary tint's ramp and holds only the image", () => {
+    renderWithProviders(
+      <ImageWell
+        sources={["https://art.spec.test/1.png"]}
+        alt="Bulbasaur"
+        tint="green"
+        testID="well"
+      />,
+    );
+    const well = screen.getByTestId("well");
+    expect(well.className).toMatch(/green5/);
+    expect(well.className).not.toMatch(/transparent/);
+    expect(well.children).toHaveLength(1);
+    expect(well.querySelectorAll("img")).toHaveLength(1);
+  });
+
+  it("falls back to the gray ramp when the record has no tinted value", () => {
+    renderWithProviders(
+      <ImageWell sources={["https://art.spec.test/4.png"]} alt="?" testID="well" />,
+    );
+    expect(screen.getByTestId("well").className).toMatch(/gray5/);
+  });
+
+  it("paints the record stage from the primary tint alone", () => {
+    renderWithProviders(
+      <RecordHeroFrame tint="green" testID="stage">
+        <span data-testid="art" />
+      </RecordHeroFrame>,
+    );
+    const stage = screen.getByTestId("stage");
+    expect(stage.className).toMatch(/green3/);
+    expect(stage.children).toHaveLength(1);
+    expect(stage.children[0].getAttribute("data-testid")).toBe("art");
+  });
+});

package/src/list/ImageWell.tsx

@@ -1,11 +1,4 @@
-import {
-  Image,
-  Text,
-  XStack,
-  YStack,
-  isWeb,
-  type YStackProps,
-} from "@multiplatform.one/components";
+import { Image, Text, YStack, isWeb, type YStackProps } from "@multiplatform.one/components";
 import { transitionProps, useResolvedKnobs } from "@multiplatform.one/theme";
 import { useEffect, useState } from "react";
 
@@ -14,10 +7,11 @@ export interface ImageWellProps extends Omit<YStackProps, "children"> {
   sources: readonly string[];
   alt: string;
   /**
-   * Theme hues (`"grass"`) painting the well from their ramps: one fills it,
-   * two split it down the middle.
+   * Theme ramp (`"green"`) the well is a soft tint of: the record's primary
+   * facet value. A second value never splits the well (LC-147); it shows in
+   * its badge.
    */
-  tints?: readonly (string | undefined)[];
+  tint?: string;
   /** Nearest-neighbor upscaling, for pixel art. */
   pixelated?: boolean;
   /** Gap between the well's edge and the image, as a fraction of its width. */
@@ -34,7 +28,7 @@ export interface ImageWellProps extends Omit<YStackProps, "children"> {
 export function ImageWell({
   sources,
   alt,
-  tints,
+  tint,
   pixelated = false,
   inset = 0.06,
   lazy = false,
@@ -43,8 +37,7 @@ export function ImageWell({
   const { knobProps } = useResolvedKnobs();
   const [sourceIndex, setSourceIndex] = useState(0);
   const [revealedSrc, setRevealedSrc] = useState<string | null>(null);
-  const hue = tints?.[0] ?? "gray";
-  const secondHue = tints?.[1];
+  const hue = tint ?? "gray";
 
   const sourceKey = sources.join("|");
   useEffect(() => {
@@ -67,7 +60,7 @@ export function ImageWell({
     <YStack
       {...knobProps.borderRadius}
       borderWidth={0}
-      backgroundColor={secondHue ? "transparent" : (`$${hue}5` as never)}
+      backgroundColor={`$${hue}5` as never}
       aspectRatio={1}
       width="100%"
       alignItems="center"
@@ -76,12 +69,6 @@ export function ImageWell({
       position="relative"
       {...wellProps}
     >
-      {secondHue ? (
-        <XStack fullscreen zIndex={0} pointerEvents="none">
-          <YStack flex={1} backgroundColor={`$${hue}5` as never} />
-          <YStack flex={1} backgroundColor={`$${secondHue}5` as never} />
-        </XStack>
-      ) : null}
       {src ? (
         <Image
           key={src}

package/src/list/RecordCard.native.tsx

@@ -19,7 +19,7 @@ export function RecordCard({
   subtitle,
   code,
   images,
-  tints,
+  tint,
   badges = [],
   onPress,
   favorite,
@@ -63,7 +63,7 @@ export function RecordCard({
           <ImageWell
             sources={images}
             alt={title}
-            tints={tints}
+            tint={tint}
             inset={0.04}
             borderRadius={0}
             {...({ "data-record-card-media": "" } as Record<string, unknown>)}

package/src/list/RecordCard.spec.tsx

@@ -15,7 +15,7 @@ function renderCard() {
       subtitle="Mouse Pokémon"
       code="#025"
       images={["https://art.spec.test/25.png"]}
-      tints={["yellow"]}
+      tint="yellow"
       badges={[{ value: "electric", label: "Electric", tint: "yellow" }]}
       href="/pokemon/pikachu"
       testID="card"

package/src/list/RecordCard.tsx

@@ -27,8 +27,8 @@ export interface RecordCardProps {
   code?: string;
   /** Image candidates in order; a failed load moves to the next. */
   images: readonly string[];
-  /** Theme hues painting the well: one fills it, two split it. */
-  tints?: readonly (string | undefined)[];
+  /** Theme ramp the well is a soft tint of: the primary facet value (LC-147). */
+  tint?: string;
   /** Facet values stickered on the well. */
   badges?: readonly RecordCardBadge[];
   /** The record's page: the card becomes a real link (SSR, new tab). */
@@ -77,7 +77,7 @@ export function RecordCard({
   subtitle,
   code,
   images,
-  tints,
+  tint,
   badges = [],
   href,
   onPress,
@@ -174,7 +174,7 @@ export function RecordCard({
           <ImageWell
             sources={images}
             alt={title}
-            tints={tints}
+            tint={tint}
             inset={0.04}
             borderRadius={0}
             lazy={lazy}

package/src/list/facetBadgeSteps.ts

@@ -0,0 +1,2 @@
+/** The ramp steps a facet badge paints: AA ink on its fill in both schemes (LC-147). */
+export const facetBadgeSteps = { fill: 4, border: 7, ink: 12 } as const;

package/src/record/RecordHero.tsx

@@ -18,32 +18,25 @@ export const recordHeroStageHeight = 250;
 export const recordHeroArtHeight = 220;
 
 export interface RecordHeroFrameProps extends YStackProps {
-  /** Theme hues painting the stage from their ramps: one fills it, two split it. */
-  tints?: readonly (string | undefined)[];
+  /** Theme ramp the stage is a soft tint of: the primary facet value, never split (LC-147). */
+  tint?: string;
   children: ReactNode;
 }
 
 /** The full-bleed stage under the art, tinted by the record's facet. */
-export function RecordHeroFrame({ tints = [], children, ...rest }: RecordHeroFrameProps) {
+export function RecordHeroFrame({ tint, children, ...rest }: RecordHeroFrameProps) {
   const { knobProps } = useResolvedKnobs();
-  const [first, second] = tints;
   return (
     <YStack
       width="100%"
       minHeight={sizeRecipeEscape(recordHeroStageHeight, "hero stage: the design's art band")}
       paddingTop={knobProps.gap.gap}
-      backgroundColor={second ? "transparent" : ((first ? `$${first}3` : "$color3") as never)}
+      backgroundColor={(tint ? `$${tint}3` : "$color3") as never}
       overflow="hidden"
       position="relative"
       data-record-art-band=""
       {...rest}
     >
-      {second ? (
-        <XStack fullscreen pointerEvents="none">
-          <YStack flex={1} backgroundColor={`$${first ?? "gray"}3` as never} />
-          <YStack flex={1} backgroundColor={`$${second}3` as never} />
-        </XStack>
-      ) : null}
       {children}
     </YStack>
   );

package/src/record/RecordPage.tsx

@@ -151,7 +151,7 @@ export function RecordPage<TDoc extends { name: string; doctype: string }>({
   const title = recordTitle(doc, look, titleField);
   const code = look?.code?.(doc);
   const values = facet ? recordFacetValues(facet, row, linked) : [];
-  const tints = values.slice(0, 2).map((value) => facet?.tint?.(value));
+  const tint = values[0] === undefined ? undefined : facet?.tint?.(values[0]);
   const images = look?.images?.(doc, baseURL) ?? [];
   const slides = (look?.gallery?.(doc, baseURL) ?? []).filter(
     (slide) => slide.src && slide.src !== images[0],
@@ -183,7 +183,7 @@ export function RecordPage<TDoc extends { name: string; doctype: string }>({
           key={`bars-${section.id}`}
           rows={tableRows}
           section={section}
-          tint={tints[0]}
+          tint={tint}
           testID={`${slug}-${section.id}-chart`}
         />
       );
@@ -327,7 +327,7 @@ export function RecordPage<TDoc extends { name: string; doctype: string }>({
         trailing={trailing}
       />
 
-      <RecordHeroFrame tints={tints} testID={`${slug}-detail-stage`}>
+      <RecordHeroFrame tint={tint} testID={`${slug}-detail-stage`}>
         <YStack testID={`${slug}-hero-art`}>
           <RecordGallery images={images} slides={slides} alt={title} />
         </YStack>
@@ -339,7 +339,7 @@ export function RecordPage<TDoc extends { name: string; doctype: string }>({
             <Text
               {...nested.label}
               fontWeight="700"
-              color={(tints[0] ? `$${tints[0]}11` : "$color11") as never}
+              color={(tint ? `$${tint}11` : "$color11") as never}
             >
               {code}
             </Text>

package/src/report/ReportGrid.native.spec.tsx

@@ -0,0 +1,152 @@
+/**
+ * FZ-7741: Kitchen Sink on iOS painted "Main failed to render: Expected
+ * transform functions but "r" found" for every report view. A fresh report
+ * sorts by `modified` descending, and the sorted header's caret carried
+ * style={{ transform: "rotate(180deg)" }}. On native a phosphor glyph is
+ * react-native-svg's Svg (Kitchen Sink's IconBase shim spreads the glyph's
+ * props into it), and Svg parses a style transform string with its SVG
+ * attribute grammar, which knows `rotate(180)` and throws on CSS's
+ * `rotate(180deg)` while rendering.
+ *
+ * Every glyph the grid draws, in every sort state, goes through that same
+ * parse here, and the descending caret still turns, on its wrapping View.
+ */
+import { createRequire } from "node:module";
+import { View } from "@multiplatform.one/components";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { cleanup } from "@testing-library/react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { ReportGrid } from "./ReportGrid";
+import { buildGridRows, type ReportColumnDef, type ReportSortState } from "./reportViewModel";
+
+const { glyphs } = vi.hoisted(() => ({
+  glyphs: [] as { name: string; props: Record<string, unknown> }[],
+}));
+
+vi.mock("@multiplatform.one/platform", async (importOriginal) => ({
+  ...(await importOriginal<typeof import("@multiplatform.one/platform")>()),
+  isWeb: false,
+  isNative: true,
+}));
+
+// Each phosphor glyph records the props the native shim would hand to Svg.
+vi.mock("@phosphor-icons/react", async (importOriginal) => {
+  const actual = await importOriginal<Record<string, unknown>>();
+  return Object.fromEntries(
+    Object.entries(actual).map(([key, value]) => [
+      key,
+      key.endsWith("Icon")
+        ? (props: Record<string, unknown>) => {
+            glyphs.push({ name: key, props });
+            return null;
+          }
+        : value,
+    ]),
+  );
+});
+
+// Loaded past the suite's react-native-svg -> @tamagui/react-native-svg
+// alias: this is the parse Svg.render runs on device.
+const { extractTransformSvgView } = createRequire(import.meta.url)(
+  "react-native-svg/lib/commonjs/lib/extract/extractTransform.js",
+) as { extractTransformSvgView: (props: { transform: unknown }) => unknown };
+
+/** Svg.render: a style transform wins over the prop, and a truthy one is parsed. */
+function svgTransform(props: Record<string, unknown>): unknown {
+  const style = Object.assign({}, ...[props.style].flat(Number.POSITIVE_INFINITY).filter(Boolean));
+  const transform = style.transform ?? props.transform;
+  if (transform) extractTransformSvgView({ transform });
+  return transform;
+}
+
+const columns: ReportColumnDef[] = [
+  { fieldname: "name", label: "ID", fieldtype: "Data", kind: "text", width: 160, align: "left" },
+  {
+    fieldname: "modified",
+    label: "Last Updated On",
+    fieldtype: "Datetime",
+    kind: "date",
+    width: 160,
+    align: "left",
+  },
+];
+
+function renderGrid(sort: ReportSortState) {
+  glyphs.length = 0;
+  return renderWithProviders(
+    <ReportGrid
+      columns={columns}
+      rows={buildGridRows(
+        [
+          { name: "TD-0001", modified: "2026-10-24 09:00:00" },
+          { name: "TD-0002", modified: "2026-10-23 09:00:00" },
+        ],
+        0,
+        20,
+      )}
+      sort={sort}
+      onSortChange={vi.fn()}
+      columnFilters={{}}
+      onColumnFilterChange={vi.fn()}
+      totals={[]}
+    />,
+  );
+}
+
+function transformOf(el: Element | null): string {
+  if (!el) throw new Error("no caret wrapper");
+  const value = getComputedStyle(el).transform;
+  return value === "none" ? "" : value;
+}
+
+afterEach(cleanup);
+
+describe("ReportGrid sort carets on native (FZ-7741)", () => {
+  it("really is running with the native platform flags", async () => {
+    const platform = await import("@multiplatform.one/platform");
+    expect(platform.isWeb).toBe(false);
+    expect(platform.isNative).toBe(true);
+  });
+
+  it("the parse used here is the one that failed on device", () => {
+    expect(() => extractTransformSvgView({ transform: "rotate(180deg)" })).toThrow(
+      'Expected transform functions but "r" found',
+    );
+  });
+
+  it.each([
+    ["the desk default, modified descending", { field: "modified", order: "desc" }],
+    ["ascending", { field: "modified", order: "asc" }],
+    ["a field that is not a column", { field: "creation", order: "desc" }],
+  ] as const)("every glyph survives Svg's transform parse: %s", (_, sort) => {
+    renderGrid(sort);
+    expect(glyphs.length).toBeGreaterThan(0);
+    for (const glyph of glyphs) {
+      expect(() => svgTransform(glyph.props), glyph.name).not.toThrow();
+      expect(typeof svgTransform(glyph.props), glyph.name).not.toBe("string");
+    }
+  });
+
+  it("paints every caret with a concrete theme ink, never a CSS variable (LC-84)", () => {
+    renderGrid({ field: "modified", order: "desc" });
+    for (const glyph of glyphs) {
+      expect(String(glyph.props.color), glyph.name).not.toMatch(/^var\(|^\$|^currentColor$/);
+    }
+  });
+
+  it("turns the descending caret on its wrapping View, and leaves ascending upright", () => {
+    const reference = renderWithProviders(<View testID="turned" rotate="180deg" />);
+    const turned = transformOf(reference.getByTestId("turned"));
+    expect(turned).toContain("180deg");
+    cleanup();
+
+    const caret = (container: HTMLElement, order: string) =>
+      container.querySelector(`[aria-sort="${order}"] [role="presentation"]`);
+    const desc = renderGrid({ field: "modified", order: "desc" });
+    expect(transformOf(caret(desc.container, "descending"))).toBe(turned);
+    cleanup();
+
+    const asc = renderGrid({ field: "modified", order: "asc" });
+    expect(transformOf(caret(asc.container, "ascending"))).toBe("");
+  });
+});

package/src/report/ReportGrid.tsx

@@ -26,6 +26,7 @@ import {
   formatCurrency,
   formatNumber,
   formatPercent,
+  useGlyphColor,
 } from "@multiplatform.one/theme";
 import { CaretDownIcon, CaretUpDownIcon } from "@phosphor-icons/react";
 import React, { useCallback, useState } from "react";
@@ -282,6 +283,8 @@ export function ReportGrid({
   fileUrl,
 }: ReportGridProps) {
   const { t } = useTranslation();
+  const sortedCaretInk = useGlyphColor("$color10");
+  const idleCaretInk = useGlyphColor("$color8");
   // A phone report fits its columns to the screen: no row numbers, no
   // per-column filter row (the filter bar above owns filtering there), the
   // title column takes the room the numbers leave (FZ-7684).
@@ -351,7 +354,11 @@ export function ReportGrid({
               },
               onBlur: (event: React.FocusEvent) => {
                 const next = event.relatedTarget;
-                if (!(next instanceof Element) || !next.closest('[data-report-row="true"]')) {
+                if (
+                  typeof Element === "undefined" ||
+                  !(next instanceof Element) ||
+                  !next.closest('[data-report-row="true"]')
+                ) {
                   setRowAnchor(0);
                 }
               },
@@ -480,16 +487,20 @@ export function ReportGrid({
                         {reportColumnUnit(column).label}
                       </Text>
                       {/* Caret orientation mirrors DataTable's headers:
-                          asc = caret-down, desc = rotated 180. */}
-                      <View aria-hidden role="presentation">
+                          asc = caret-down, desc = rotated 180. The View
+                          turns, never the glyph: on native a glyph is
+                          react-native-svg's Svg, which reads a style
+                          transform string as an SVG attribute and throws
+                          on `rotate(180deg)` (FZ-7741). */}
+                      <View
+                        aria-hidden
+                        role="presentation"
+                        rotate={sorted === "desc" ? "180deg" : undefined}
+                      >
                         {sorted ? (
-                          <CaretDownIcon
-                            size={12}
-                            color="var(--color10)"
-                            style={sorted === "desc" ? { transform: "rotate(180deg)" } : undefined}
-                          />
+                          <CaretDownIcon size={12} color={sortedCaretInk} />
                         ) : (
-                          <CaretUpDownIcon size={12} color="var(--color8)" />
+                          <CaretUpDownIcon size={12} color={idleCaretInk} />
                         )}
                       </View>
                     </XStack>

package/src/schemaForm/SchemaForm.stories.tsx

@@ -1,8 +1,9 @@
 import { action } from "@multiplatform.one/storybook";
 import React, { useState } from "react";
-import { Text, YStack } from "tamagui";
+import { YStack } from "tamagui";
 import type { FieldSchema } from "../fieldRegistry";
 import { SchemaForm, type FormSchema } from "./index";
+import { Text } from "@multiplatform.one/components";
 
 export default {
   title: "FrappeUI/SchemaForm",

package/src/schemaForm/index.tsx

@@ -17,10 +17,10 @@ import {
   type RequiredMarkStrategy,
 } from "@multiplatform.one/forms";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { Card } from "@multiplatform.one/components";
+import { Card, Text } from "@multiplatform.one/components";
 import React, { useMemo } from "react";
 import { useTranslation } from "react-i18next";
-import { Text, XStack, YStack } from "tamagui";
+import { Text as TamaguiText, XStack, YStack } from "tamagui";
 
 import { compileDependsOn } from "../dependsOn";
 import { Heading, type HeadingLevel } from "../fields/Heading";
@@ -545,7 +545,7 @@ function CompactSectionLabel({
   const toggle = collapsible ? () => onCollapseChange(!collapsed) : undefined;
   return (
     <YStack gap="$1">
-      <Text
+      <TamaguiText
         role="heading"
         aria-level={level}
         {...knobProps.label}
@@ -559,11 +559,11 @@ function CompactSectionLabel({
         data-mpo-schema-form-caps-label=""
       >
         {label}
-      </Text>
+      </TamaguiText>
       {description && !collapsed ? (
-        <Text {...knobProps.body} color="$color10">
+        <TamaguiText {...knobProps.body} color="$color10">
           {description}
-        </Text>
+        </TamaguiText>
       ) : null}
     </YStack>
   );

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FileBrowser/index.tsx"],"names":[],"mappings":"AA8CA,OAAO,KAAK,EACV,2BAA2B,EAC3B,eAAe,EACf,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,yBAAyB,EACzB,wBAAwB,EACxB,eAAe,EAChB,MAAM,SAAS,CAAC;AAGjB,YAAY,EACV,2BAA2B,EAC3B,eAAe,EACf,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,yBAAyB,EACzB,wBAAwB,EACxB,eAAe,GAChB,CAAC;AAoJF,wBAAgB,WAAW,CAAC,EAC1B,KAAU,EACV,aAAa,EACb,WAAW,EACX,YAAY,EACZ,UAAU,EACV,cAAc,EACd,YAAY,EACZ,IAAI,EAAE,QAAQ,EACd,WAAoB,EACpB,YAAY,EACZ,SAAS,EACT,aAAuB,EACvB,WAAW,EAAE,eAAe,EAC5B,mBAAmB,EACnB,YAAY,EACZ,MAAM,EACN,aAAa,EAAE,iBAAiB,EAChC,qBAAqB,EACrB,QAAe,EACf,WAAsB,EACtB,cAAuB,EACvB,gBAAwB,EACxB,UAAkB,EAClB,MAAM,EAAE,UAAU,EAClB,QAAQ,EACR,MAAM,EAAE,UAAU,EAClB,cAAc,EACd,MAAM,EACN,UAAU,EACV,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,GACP,EAAE,gBAAgB,2CAwhBlB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FileBrowser/index.tsx"],"names":[],"mappings":"AA+CA,OAAO,KAAK,EACV,2BAA2B,EAC3B,eAAe,EACf,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,yBAAyB,EACzB,wBAAwB,EACxB,eAAe,EAChB,MAAM,SAAS,CAAC;AAGjB,YAAY,EACV,2BAA2B,EAC3B,eAAe,EACf,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,yBAAyB,EACzB,wBAAwB,EACxB,eAAe,GAChB,CAAC;AAoJF,wBAAgB,WAAW,CAAC,EAC1B,KAAU,EACV,aAAa,EACb,WAAW,EACX,YAAY,EACZ,UAAU,EACV,cAAc,EACd,YAAY,EACZ,IAAI,EAAE,QAAQ,EACd,WAAoB,EACpB,YAAY,EACZ,SAAS,EACT,aAAuB,EACvB,WAAW,EAAE,eAAe,EAC5B,mBAAmB,EACnB,YAAY,EACZ,MAAM,EACN,aAAa,EAAE,iBAAiB,EAChC,qBAAqB,EACrB,QAAe,EACf,WAAsB,EACtB,cAAuB,EACvB,gBAAwB,EACxB,UAAkB,EAClB,MAAM,EAAE,UAAU,EAClB,QAAQ,EACR,MAAM,EAAE,UAAU,EAClB,cAAc,EACd,MAAM,EACN,UAAU,EACV,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,GACP,EAAE,gBAAgB,2CAwhBlB"}

package/types/FrappeCalendar.d.ts.map

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

package/types/FrappeConnectionIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FrappeConnectionIndicator.d.ts","sourceRoot":"","sources":["../src/FrappeConnectionIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAC/B,MAAM,2BAA2B,CAAC;AAMnC,MAAM,WAAW,8BAA8B;IAC7C,mEAAmE;IACnE,MAAM,EAAE,yBAAyB,GAAG,SAAS,CAAC;IAC9C;;;;OAIG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACpC;AAED;;;;;;;;GAQG;AACH,wBAAgB,yBAAyB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,8BAA8B,kDAgC/F"}
+{"version":3,"file":"FrappeConnectionIndicator.d.ts","sourceRoot":"","sources":["../src/FrappeConnectionIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAC/B,MAAM,2BAA2B,CAAC;AAOnC,MAAM,WAAW,8BAA8B;IAC7C,mEAAmE;IACnE,MAAM,EAAE,yBAAyB,GAAG,SAAS,CAAC;IAC9C;;;;OAIG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACpC;AAED;;;;;;;;GAQG;AACH,wBAAgB,yBAAyB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,8BAA8B,kDAgC/F"}

package/types/FrappeDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FrappeDashboard.d.ts","sourceRoot":"","sources":["../src/FrappeDashboard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAGhF,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,EAAwB,KAAK,WAAW,EAAM,MAAM,SAAS,CAAC;AAKrE;;GAEG;AACH,MAAM,WAAW,mBAAmB,CAAC,IAAI;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,EAAE,CAAC;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,IAAI,GAAG,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IACpE,YAAY,CAAC,EAAE;QACb,KAAK,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC;QAC3B,SAAS,EAAE,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;QACnD,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC;KAC/B,EAAE,CAAC;CACL;AAED,MAAM,WAAW,oBAAoB,CAAC,IAAI,SAAS;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAE,SAAQ,IAAI,CAChG,WAAW,EACX,UAAU,CACX;IACC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChG,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,eAAe,EAAE,CAAC;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;CAC3C;AA+LD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,IAAI,SAAS;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,EAAE,EAC9E,OAAO,EACP,IAAI,EACJ,WAAW,EACX,KAAK,EACL,WAAW,EACX,OAAO,EAAE,aAAa,EACtB,UAAU,EACV,aAAa,EACb,OAAW,EACX,GAAQ,EACR,OAAY,EACZ,WAAmB,EACnB,eAAoB,EACpB,OAAO,EACP,KAAK,EACL,GAAG,UAAU,EACd,EAAE,oBAAoB,CAAC,IAAI,CAAC,2CAyH5B;AAED,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"FrappeDashboard.d.ts","sourceRoot":"","sources":["../src/FrappeDashboard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,eAAe,EAAQ,MAAM,+BAA+B,CAAC;AAGtF,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,EAAuC,KAAK,WAAW,EAAM,MAAM,SAAS,CAAC;AAKpF;;GAEG;AACH,MAAM,WAAW,mBAAmB,CAAC,IAAI;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,EAAE,CAAC;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,IAAI,GAAG,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IACpE,YAAY,CAAC,EAAE;QACb,KAAK,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC;QAC3B,SAAS,EAAE,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;QACnD,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC;KAC/B,EAAE,CAAC;CACL;AAED,MAAM,WAAW,oBAAoB,CAAC,IAAI,SAAS;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAE,SAAQ,IAAI,CAChG,WAAW,EACX,UAAU,CACX;IACC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChG,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,eAAe,EAAE,CAAC;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;CAC3C;AA+LD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,IAAI,SAAS;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,EAAE,EAC9E,OAAO,EACP,IAAI,EACJ,WAAW,EACX,KAAK,EACL,WAAW,EACX,OAAO,EAAE,aAAa,EACtB,UAAU,EACV,aAAa,EACb,OAAW,EACX,GAAQ,EACR,OAAY,EACZ,WAAmB,EACnB,eAAoB,EACpB,OAAO,EACP,KAAK,EACL,GAAG,UAAU,EACd,EAAE,oBAAoB,CAAC,IAAI,CAAC,2CAyH5B;AAED,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/types/FrappeForm.d.ts

@@ -146,6 +146,25 @@ export interface FrappeFormProps<TDoc extends {
      * scrolls. Defaults to on for a routed page.
      */
     stickyActions?: boolean;
+    /**
+     * Renders the form as its own detail page (LC-29): back in the top bar's
+     * leading slot and the record's actions beside it on the same row
+     * (LC-145), the title directly under the bar with the state chip under
+     * it, and `aside` as the supporting pane.
+     */
+    page?: FrappeFormPage;
+}
+export interface FrappeFormPage {
+    back: {
+        /** Where back goes (the list's name), beside the caret. */
+        label: string;
+        onPress: () => void;
+        "aria-label"?: string;
+        testID?: string;
+    };
+    /** The page title. Defaults to the record's title field, else its name. */
+    title?: string;
+    aside?: React.ReactNode;
 }
 /** DocShare row shape used for the live "Shared With" sidebar section. */
 export interface DocShareRow {