react-native-terra-ui 0.11.17 → 0.12.1

package/lib/module/components/header/parts/HeaderBar.js

@@ -6,7 +6,7 @@ import { useState } from "react";
 import Animated from "react-native-reanimated";
 import { ScrollToTopGuard } from "react-native-screens/experimental";
 import { StyleSheet, useUnistyles } from "react-native-unistyles";
-import { FONT_WEIGHT_VALUE } from "../../../utils/typography.js";
+import { FONT_WEIGHT_VALUE, SYSTEM_FONT } from "../../../utils/typography.js";
 import { resolveScreenPadding } from "../../../theme/screen-padding.js";
 import { Toolbar } from "../../toolbar/index.js";
 import { HeaderDismissButton } from "../header-buttons.js";
@@ -34,6 +34,13 @@ export function HeaderBar({
     left: 0,
     right: 0
   });
+  // Toolbar widths, so a centered title can stay clear of both sides.
+  const [leadingWidth, setLeadingWidth] = useState(0);
+  const [trailingWidth, setTrailingWidth] = useState(0);
+  const onLeadingLayout = event => setLeadingWidth(event.nativeEvent.layout.width);
+  const onTrailingLayout = event => setTrailingWidth(event.nativeEvent.layout.width);
+  const hasLeading = leading != null || dismissAction === "back";
+  const hasTrailing = trailing != null || dismissAction === "close";
   const _styles = styles;
   {
     const styles = _styles.useVariants({
@@ -67,18 +74,21 @@ export function HeaderBar({
             animatedStyle: surfaceStyle
           }), /*#__PURE__*/_jsx(HeaderWindowInsets, {
             onInsetsChange: setWindowInsets
-          }), (leading != null || dismissAction === "back") && /*#__PURE__*/_jsxs(Toolbar, {
+          }), hasLeading && /*#__PURE__*/_jsxs(Toolbar, {
+            onLayout: onLeadingLayout,
             children: [dismissAction === "back" && dismiss, leading]
           }), /*#__PURE__*/_jsx(Animated.View, {
-            style: [styles.titleContainer, styles.titleInsets(windowInsets.left, windowInsets.right, titleAlignment), titleStyle],
+            style: [styles.titleContainer, styles.titleInsets(windowInsets.left, windowInsets.right, hasLeading ? leadingWidth : 0, hasTrailing ? trailingWidth : 0, titleAlignment), titleStyle],
             pointerEvents: isCustomTitle(title) ? "box-none" : "none",
             children: isTextTitle(title) ? String(title).trim().length > 0 && /*#__PURE__*/_jsx(Text, {
               style: styles.title,
+              numberOfLines: 1,
               maxFontSizeMultiplier: theme.typography.variants["title-md"].maxFontSizeMultiplier,
               children: title
             }) : title
-          }), (trailing != null || dismissAction === "close") && /*#__PURE__*/_jsxs(Toolbar, {
+          }), hasTrailing && /*#__PURE__*/_jsxs(Toolbar, {
             style: styles.trailing,
+            onLayout: onTrailingLayout,
             children: [dismissAction === "close" && dismiss, trailing]
           })]
         })
@@ -86,74 +96,100 @@ export function HeaderBar({
     );
   }
 }
-const styles = StyleSheet.create((theme, runtime) => ({
-  windowInsets: (left, right) => ({
-    paddingLeft: Math.max(resolveScreenPadding(theme, runtime.breakpoint).x, left),
-    paddingRight: Math.max(resolveScreenPadding(theme, runtime.breakpoint).x, right),
-    uni__dependencies: [0, 3]
-  }),
-  titleInsets: (left, right, alignment) => alignment === "center" ? {
-    left,
-    right
-  } : {},
-  bar: {
-    height: theme.layout.header.height,
-    flexDirection: "row",
-    alignItems: "center",
-    paddingHorizontal: theme.layout.screen.padding.x,
-    gap: theme.spacing["3"],
-    justifyContent: "space-between",
-    uni__dependencies: [0]
-  },
-  // A centered title is absolutely positioned, so it leaves the flex row. With
-  // no leading slot the trailing toolbar would be the only in-flow child and
-  // `space-between` would park it on the left — the auto margin pins it right.
-  trailing: {
-    justifyContent: "flex-end",
-    variants: {
-      titleAlignment: {
-        center: {
-          marginLeft: "auto"
-        },
-        left: {}
-      }
+const styles = StyleSheet.create((theme, runtime) => {
+  // Resolved inline: the unistyles Babel plugin rewrites this factory, so an
+  // imported helper called from inside it is not in scope at runtime.
+  const titleWeight = theme.typography.variants["title-md"].fontWeight;
+  const titleFont = theme.typography.fonts[titleWeight];
+  const isSystemTitleFont = titleFont === SYSTEM_FONT;
+  return {
+    windowInsets: (left, right) => ({
+      paddingLeft: Math.max(resolveScreenPadding(theme, runtime.breakpoint).x, left),
+      paddingRight: Math.max(resolveScreenPadding(theme, runtime.breakpoint).x, right),
+      uni__dependencies: [0, 3]
+    }),
+    // A centered title spans the region between the window controls and is inset
+    // by the same amount from both of its edges, so it stays centered in that
+    // region. The inset is whichever side reaches further in — bar padding plus
+    // that side's toolbar — so a long title truncates before either toolbar
+    // instead of running underneath it. A left-aligned title is in the flex row
+    // already and needs none of this.
+    titleInsets: (left, right, leadingWidth, trailingWidth, alignment) => {
+      if (alignment !== "center") return {
+        uni__dependencies: [0, 3]
+      };
+      const padding = resolveScreenPadding(theme, runtime.breakpoint).x;
+      const gap = theme.spacing["3"];
+      const reachLeft = Math.max(padding, left) + (leadingWidth > 0 ? leadingWidth + gap : 0) - left;
+      const reachRight = Math.max(padding, right) + (trailingWidth > 0 ? trailingWidth + gap : 0) - right;
+      const inset = Math.max(reachLeft, reachRight);
+      return {
+        left: left + inset,
+        right: right + inset,
+        uni__dependencies: [0, 3]
+      };
     },
-    uni__dependencies: [4]
-  },
-  titleContainer: {
-    variants: {
-      titleAlignment: {
-        center: {
-          position: "absolute",
-          left: 0,
-          right: 0,
-          alignItems: "center"
-        },
-        left: {
-          flex: 1,
-          alignItems: "flex-start"
+    bar: {
+      height: theme.layout.header.height,
+      flexDirection: "row",
+      alignItems: "center",
+      paddingHorizontal: theme.layout.screen.padding.x,
+      gap: theme.spacing["3"],
+      justifyContent: "space-between",
+      uni__dependencies: [0]
+    },
+    // A centered title is absolutely positioned, so it leaves the flex row. With
+    // no leading slot the trailing toolbar would be the only in-flow child and
+    // `space-between` would park it on the left — the auto margin pins it right.
+    trailing: {
+      justifyContent: "flex-end",
+      variants: {
+        titleAlignment: {
+          center: {
+            marginLeft: "auto"
+          },
+          left: {}
         }
-      }
+      },
+      uni__dependencies: [4]
     },
-    uni__dependencies: [4]
-  },
-  title: {
-    fontSize: theme.typography.variants["title-md"].fontSize,
-    lineHeight: theme.typography.variants["title-md"].lineHeight,
-    letterSpacing: theme.typography.variants["title-md"].letterSpacing,
-    fontWeight: FONT_WEIGHT_VALUE[theme.typography.variants["title-md"].fontWeight],
-    color: theme.color["text.primary"] ?? "",
-    variants: {
-      titleAlignment: {
-        center: {
-          textAlign: "center"
-        },
-        left: {
-          textAlign: "left"
+    titleContainer: {
+      variants: {
+        titleAlignment: {
+          center: {
+            position: "absolute",
+            left: 0,
+            right: 0,
+            alignItems: "center"
+          },
+          left: {
+            flex: 1,
+            alignItems: "flex-start"
+          }
         }
-      }
+      },
+      uni__dependencies: [4]
     },
-    uni__dependencies: [0, 4]
-  }
-}));
+    title: {
+      fontSize: theme.typography.variants["title-md"].fontSize,
+      lineHeight: theme.typography.variants["title-md"].lineHeight,
+      letterSpacing: theme.typography.variants["title-md"].letterSpacing,
+      fontFamily: isSystemTitleFont ? undefined : titleFont,
+      fontWeight: isSystemTitleFont ? FONT_WEIGHT_VALUE[titleWeight] : undefined,
+      includeFontPadding: false,
+      color: theme.color["text.primary"] ?? "",
+      variants: {
+        titleAlignment: {
+          center: {
+            textAlign: "center"
+          },
+          left: {
+            textAlign: "left"
+          }
+        }
+      },
+      uni__dependencies: [0, 4]
+    }
+  };
+});
 //# sourceMappingURL=HeaderBar.js.map

package/lib/module/components/header/parts/HeaderBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","Animated","ScrollToTopGuard","StyleSheet","useUnistyles","FONT_WEIGHT_VALUE","resolveScreenPadding","Toolbar","HeaderDismissButton","isCustomTitle","isTextTitle","HeaderSurface","HeaderWindowInsets","jsx","_jsx","jsxs","_jsxs","HeaderBar","title","leading","trailing","titleAlignment","color","surfaceStyle","titleStyle","dismissAction","navigation","onDismiss","theme","windowInsets","setWindowInsets","left","right","_styles","styles","useVariants","dismiss","children","View","style","bar","animatedStyle","onInsetsChange","titleContainer","titleInsets","pointerEvents","String","trim","length","Text","maxFontSizeMultiplier","typography","variants","create","runtime","paddingLeft","Math","max","breakpoint","x","paddingRight","uni__dependencies","alignment","height","layout","header","flexDirection","alignItems","paddingHorizontal","screen","padding","gap","spacing","justifyContent","center","marginLeft","position","flex","fontSize","lineHeight","letterSpacing","fontWeight","textAlign"],"sourceRoot":"../../../../../src","sources":["components/header/parts/HeaderBar.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useState","Animated","ScrollToTopGuard","StyleSheet","useUnistyles","FONT_WEIGHT_VALUE","SYSTEM_FONT","resolveScreenPadding","Toolbar","HeaderDismissButton","isCustomTitle","isTextTitle","HeaderSurface","HeaderWindowInsets","jsx","_jsx","jsxs","_jsxs","HeaderBar","title","leading","trailing","titleAlignment","color","surfaceStyle","titleStyle","dismissAction","navigation","onDismiss","theme","windowInsets","setWindowInsets","left","right","leadingWidth","setLeadingWidth","trailingWidth","setTrailingWidth","onLeadingLayout","event","nativeEvent","layout","width","onTrailingLayout","hasLeading","hasTrailing","_styles","styles","useVariants","dismiss","children","View","style","bar","animatedStyle","onInsetsChange","onLayout","titleContainer","titleInsets","pointerEvents","String","trim","length","Text","numberOfLines","maxFontSizeMultiplier","typography","variants","create","runtime","titleWeight","fontWeight","titleFont","fonts","isSystemTitleFont","paddingLeft","Math","max","breakpoint","x","paddingRight","uni__dependencies","alignment","padding","gap","spacing","reachLeft","reachRight","inset","height","header","flexDirection","alignItems","paddingHorizontal","screen","justifyContent","center","marginLeft","position","flex","fontSize","lineHeight","letterSpacing","fontFamily","undefined","includeFontPadding","textAlign"],"sourceRoot":"../../../../../src","sources":["components/header/parts/HeaderBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/header/variants/LargeTitleHeader/parts/LargeTitleContent.js

@@ -3,7 +3,7 @@
 import { Text } from "react-native-unistyles/components/native/Text";
 import Animated from "react-native-reanimated";
 import { StyleSheet, useUnistyles } from "react-native-unistyles";
-import { FONT_WEIGHT_VALUE } from "../../../../../utils/typography.js";
+import { FONT_WEIGHT_VALUE, SYSTEM_FONT } from "../../../../../utils/typography.js";
 import { isTextTitle } from "../../../utils.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function LargeTitleContent({
@@ -37,36 +37,53 @@ export function LargeTitleContent({
     })]
   });
 }
-const styles = StyleSheet.create(theme => ({
-  portalContent: hasAccessoryBelow => ({
-    gap: theme.spacing["1"] / 2,
-    // Include the gap in the measured height used to position the accessory.
-    paddingBottom: hasAccessoryBelow ? theme.spacing["2"] : 0,
-    paddingHorizontal: theme.layout.screen.padding.x,
-    uni__dependencies: [0]
-  }),
-  overline: {
-    fontSize: theme.typography.variants["label-sm"].fontSize,
-    lineHeight: theme.typography.variants["label-sm"].lineHeight,
-    letterSpacing: theme.typography.variants["label-sm"].letterSpacing,
-    fontWeight: FONT_WEIGHT_VALUE[theme.typography.variants["label-sm"].fontWeight],
-    color: theme.color["text.tertiary"] ?? "",
-    uni__dependencies: [0]
-  },
-  largeTitle: {
-    fontSize: theme.typography.variants["headline-lg"].fontSize,
-    lineHeight: theme.typography.variants["headline-lg"].lineHeight,
-    letterSpacing: theme.typography.variants["headline-lg"].letterSpacing,
-    fontWeight: FONT_WEIGHT_VALUE[theme.typography.variants["headline-lg"].fontWeight],
-    color: theme.color["text.primary"] ?? "",
-    uni__dependencies: [0]
-  },
-  subtitle: {
-    fontSize: theme.typography.variants["body-lg"].fontSize,
-    lineHeight: theme.typography.variants["body-lg"].lineHeight,
-    letterSpacing: theme.typography.variants["body-lg"].letterSpacing,
-    color: theme.color["text.tertiary"] ?? "",
-    uni__dependencies: [0]
-  }
-}));
+const styles = StyleSheet.create(theme => {
+  // Resolved inline: the unistyles Babel plugin rewrites this factory, so an
+  // imported helper called from inside it is not in scope at runtime.
+  const overlineWeight = theme.typography.variants["label-sm"].fontWeight;
+  const overlineFont = theme.typography.fonts[overlineWeight];
+  const isSystemOverlineFont = overlineFont === SYSTEM_FONT;
+  const titleWeight = theme.typography.variants["headline-lg"].fontWeight;
+  const titleFont = theme.typography.fonts[titleWeight];
+  const isSystemTitleFont = titleFont === SYSTEM_FONT;
+  const subtitleWeight = theme.typography.variants["body-lg"].fontWeight;
+  const subtitleFont = theme.typography.fonts[subtitleWeight];
+  const isSystemSubtitleFont = subtitleFont === SYSTEM_FONT;
+  return {
+    portalContent: hasAccessoryBelow => ({
+      gap: theme.spacing["1"] / 2,
+      // Include the gap in the measured height used to position the accessory.
+      paddingBottom: hasAccessoryBelow ? theme.spacing["2"] : 0,
+      paddingHorizontal: theme.layout.screen.padding.x,
+      uni__dependencies: [0]
+    }),
+    overline: {
+      fontSize: theme.typography.variants["label-sm"].fontSize,
+      lineHeight: theme.typography.variants["label-sm"].lineHeight,
+      letterSpacing: theme.typography.variants["label-sm"].letterSpacing,
+      fontFamily: isSystemOverlineFont ? undefined : overlineFont,
+      fontWeight: isSystemOverlineFont ? FONT_WEIGHT_VALUE[overlineWeight] : undefined,
+      color: theme.color["text.tertiary"] ?? "",
+      uni__dependencies: [0]
+    },
+    largeTitle: {
+      fontSize: theme.typography.variants["headline-lg"].fontSize,
+      lineHeight: theme.typography.variants["headline-lg"].lineHeight,
+      letterSpacing: theme.typography.variants["headline-lg"].letterSpacing,
+      fontFamily: isSystemTitleFont ? undefined : titleFont,
+      fontWeight: isSystemTitleFont ? FONT_WEIGHT_VALUE[titleWeight] : undefined,
+      color: theme.color["text.primary"] ?? "",
+      uni__dependencies: [0]
+    },
+    subtitle: {
+      fontSize: theme.typography.variants["body-lg"].fontSize,
+      lineHeight: theme.typography.variants["body-lg"].lineHeight,
+      letterSpacing: theme.typography.variants["body-lg"].letterSpacing,
+      fontFamily: isSystemSubtitleFont ? undefined : subtitleFont,
+      fontWeight: isSystemSubtitleFont ? FONT_WEIGHT_VALUE[subtitleWeight] : undefined,
+      color: theme.color["text.tertiary"] ?? "",
+      uni__dependencies: [0]
+    }
+  };
+});
 //# sourceMappingURL=LargeTitleContent.js.map

package/lib/module/components/header/variants/LargeTitleHeader/parts/LargeTitleContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["Animated","StyleSheet","useUnistyles","FONT_WEIGHT_VALUE","isTextTitle","jsx","_jsx","jsxs","_jsxs","LargeTitleContent","title","overline","subtitle","hasAccessoryBelow","onHeightChange","animatedStyle","theme","handleLayout","event","nativeEvent","layout","height","View","style","styles","portalContent","onLayout","children","Text","maxFontSizeMultiplier","typography","variants","largeTitle","create","gap","spacing","paddingBottom","paddingHorizontal","screen","padding","x","uni__dependencies","fontSize","lineHeight","letterSpacing","fontWeight","color"],"sourceRoot":"../../../../../../../src","sources":["components/header/variants/LargeTitleHeader/parts/LargeTitleContent.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Animated","StyleSheet","useUnistyles","FONT_WEIGHT_VALUE","SYSTEM_FONT","isTextTitle","jsx","_jsx","jsxs","_jsxs","LargeTitleContent","title","overline","subtitle","hasAccessoryBelow","onHeightChange","animatedStyle","theme","handleLayout","event","nativeEvent","layout","height","View","style","styles","portalContent","onLayout","children","Text","maxFontSizeMultiplier","typography","variants","largeTitle","create","overlineWeight","fontWeight","overlineFont","fonts","isSystemOverlineFont","titleWeight","titleFont","isSystemTitleFont","subtitleWeight","subtitleFont","isSystemSubtitleFont","gap","spacing","paddingBottom","paddingHorizontal","screen","padding","x","uni__dependencies","fontSize","lineHeight","letterSpacing","fontFamily","undefined","color"],"sourceRoot":"../../../../../../../src","sources":["components/header/variants/LargeTitleHeader/parts/LargeTitleContent.tsx"],"mappings":";;;AAGA,OAAOA,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,UAAU,EAAEC,YAAY,QAAQ,wBAAwB;AAEjE,SAASC,iBAAiB,EAAEC,WAAW;AACvC,SAASC,WAAW;AAAyB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG7C,OAAO,SAASC,iBAAiBA,CAAC;EAChCC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,iBAAiB;EACjBC,cAAc;EACdC;AAOF,CAAC,EAAE;EACD,MAAM;IAAEC;EAAM,CAAC,GAAGf,YAAY,CAAC,CAAC;EAChC;EACA,MAAMgB,YAAY,GAAIC,KAAwB,IAAKJ,cAAc,GAAGI,KAAK,CAACC,WAAW,CAACC,MAAM,CAACC,MAAM,CAAC;EAEpG,oBACEb,KAAA,CAACT,QAAQ,CAACuB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,aAAa,CAACZ,iBAAiB,CAAC,EAAEE,aAAa,CAAE;IAACW,QAAQ,EAAET,YAAa;IAAAU,QAAA,GACpG,CAAC,CAAChB,QAAQ,iBACTL,IAAA,CAACsB,IAAI;MACHL,KAAK,EAAEC,MAAM,CAACb,QAAS;MACvBkB,qBAAqB,EAAEb,KAAK,CAACc,UAAU,CAACC,QAAQ,CAAC,UAAU,CAAC,CAACF,qBAAsB;MAAAF,QAAA,EAElFhB;IAAQ,CACL,CACP,EACAP,WAAW,CAACM,KAAK,CAAC,gBACjBJ,IAAA,CAACsB,IAAI;MACHL,KAAK,EAAEC,MAAM,CAACQ,UAAW;MACzBH,qBAAqB,EAAEb,KAAK,CAACc,UAAU,CAACC,QAAQ,CAAC,aAAa,CAAC,CAACF,qBAAsB;MAAAF,QAAA,EAErFjB;IAAK,CACF,CAAC,GAEPA,KACD,EACA,CAAC,CAACE,QAAQ,iBACTN,IAAA,CAACsB,IAAI;MACHL,KAAK,EAAEC,MAAM,CAACZ,QAAS;MACvBiB,qBAAqB,EAAEb,KAAK,CAACc,UAAU,CAACC,QAAQ,CAAC,SAAS,CAAC,CAACF,qBAAsB;MAAAF,QAAA,EAEjFf;IAAQ,CACL,CACP;EAAA,CACY,CAAC;AAEpB;AAEA,MAAMY,MAAM,GAAGxB,UAAU,CAACiC,MAAM,CAAEjB,KAAK,IAAK;EAC1C;EACA;EACA,MAAMkB,cAAc,GAAGlB,KAAK,CAACc,UAAU,CAACC,QAAQ,CAAC,UAAU,CAAC,CAACI,UAAU;EACvE,MAAMC,YAAY,GAAGpB,KAAK,CAACc,UAAU,CAACO,KAAK,CAACH,cAAc,CAAC;EAC3D,MAAMI,oBAAoB,GAAGF,YAAY,KAAKjC,WAAW;EACzD,MAAMoC,WAAW,GAAGvB,KAAK,CAACc,UAAU,CAACC,QAAQ,CAAC,aAAa,CAAC,CAACI,UAAU;EACvE,MAAMK,SAAS,GAAGxB,KAAK,CAACc,UAAU,CAACO,KAAK,CAACE,WAAW,CAAC;EACrD,MAAME,iBAAiB,GAAGD,SAAS,KAAKrC,WAAW;EACnD,MAAMuC,cAAc,GAAG1B,KAAK,CAACc,UAAU,CAACC,QAAQ,CAAC,SAAS,CAAC,CAACI,UAAU;EACtE,MAAMQ,YAAY,GAAG3B,KAAK,CAACc,UAAU,CAACO,KAAK,CAACK,cAAc,CAAC;EAC3D,MAAME,oBAAoB,GAAGD,YAAY,KAAKxC,WAAW;EAEzD,OAAO;IACLsB,aAAa,EAAGZ,iBAA0B,KAAM;MAC9CgC,GAAG,EAAE7B,KAAK,CAAC8B,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;MAC3B;MACAC,aAAa,EAAElC,iBAAiB,GAAGG,KAAK,CAAC8B,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;MACzDE,iBAAiB,EAAEhC,KAAK,CAACI,MAAM,CAAC6B,MAAM,CAACC,OAAO,CAACC,CAAC;MAAAC,iBAAA;IAClD,CAAC,CAAC;IACFzC,QAAQ,EAAE;MACR0C,QAAQ,EAAErC,KAAK,CAACc,UAAU,CAACC,QAAQ,CAAC,UAAU,CAAC,CAACsB,QAAQ;MACxDC,UAAU,EAAEtC,KAAK,CAACc,UAAU,CAACC,QAAQ,CAAC,UAAU,CAAC,CAACuB,UAAU;MAC5DC,aAAa,EAAEvC,KAAK,CAACc,UAAU,CAACC,QAAQ,CAAC,UAAU,CAAC,CAACwB,aAAa;MAClEC,UAAU,EAAElB,oBAAoB,GAAGmB,SAAS,GAAGrB,YAAY;MAC3DD,UAAU,EAAEG,oBAAoB,GAAGpC,iBAAiB,CAACgC,cAAc,CAAC,GAAGuB,SAAS;MAChFC,KAAK,EAAG1C,KAAK,CAAC0C,KAAK,CAAmD,eAAe,CAAC,IAAI,EAAE;MAAAN,iBAAA;IAC9F,CAAC;IACDpB,UAAU,EAAE;MACVqB,QAAQ,EAAErC,KAAK,CAACc,UAAU,CAACC,QAAQ,CAAC,aAAa,CAAC,CAACsB,QAAQ;MAC3DC,UAAU,EAAEtC,KAAK,CAACc,UAAU,CAACC,QAAQ,CAAC,aAAa,CAAC,CAACuB,UAAU;MAC/DC,aAAa,EAAEvC,KAAK,CAACc,UAAU,CAACC,QAAQ,CAAC,aAAa,CAAC,CAACwB,aAAa;MACrEC,UAAU,EAAEf,iBAAiB,GAAGgB,SAAS,GAAGjB,SAAS;MACrDL,UAAU,EAAEM,iBAAiB,GAAGvC,iBAAiB,CAACqC,WAAW,CAAC,GAAGkB,SAAS;MAC1EC,KAAK,EAAG1C,KAAK,CAAC0C,KAAK,CAAmD,cAAc,CAAC,IAAI,EAAE;MAAAN,iBAAA;IAC7F,CAAC;IACDxC,QAAQ,EAAE;MACRyC,QAAQ,EAAErC,KAAK,CAACc,UAAU,CAACC,QAAQ,CAAC,SAAS,CAAC,CAACsB,QAAQ;MACvDC,UAAU,EAAEtC,KAAK,CAACc,UAAU,CAACC,QAAQ,CAAC,SAAS,CAAC,CAACuB,UAAU;MAC3DC,aAAa,EAAEvC,KAAK,CAACc,UAAU,CAACC,QAAQ,CAAC,SAAS,CAAC,CAACwB,aAAa;MACjEC,UAAU,EAAEZ,oBAAoB,GAAGa,SAAS,GAAGd,YAAY;MAC3DR,UAAU,EAAES,oBAAoB,GAAG1C,iBAAiB,CAACwC,cAAc,CAAC,GAAGe,SAAS;MAChFC,KAAK,EAAG1C,KAAK,CAAC0C,KAAK,CAAmD,eAAe,CAAC,IAAI,EAAE;MAAAN,iBAAA;IAC9F;EACF,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+export * from "./accordion/index.js";
 export * from "./avatar/index.js";
 export * from "./badge/index.js";
 export * from "./box/index.js";

package/lib/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/lib/module/components/input/parts/InputField.js

@@ -5,7 +5,7 @@ import { TextInput } from "react-native-unistyles/components/native/TextInput";
 import { forwardRef, useCallback, useState } from "react";
 import { StyleSheet, useUnistyles } from "react-native-unistyles";
 import { resolveThemeColor } from "../../../utils/resolve-theme-color.js";
-import { FONT_WEIGHT_VALUE } from "../../../utils/typography.js";
+import { FONT_WEIGHT_VALUE, SYSTEM_FONT } from "../../../utils/typography.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** Typographic role of the text, per size. */
 const TEXT_VARIANT = {
@@ -61,7 +61,11 @@ export const InputField = /*#__PURE__*/forwardRef(function InputField({
         ref: ref,
         editable: !isDisabled,
         placeholderTextColor: theme.color["text.tertiary"],
-        style: styles.input,
+        style: styles.input
+        // The container height is fixed per size, so scaling stops where the
+        // body role does rather than growing past the box.
+        ,
+        maxFontSizeMultiplier: theme.typography.variants[TEXT_VARIANT[size]].maxFontSizeMultiplier,
         onFocus: handleFocus,
         onBlur: handleBlur,
         ...rest
@@ -69,93 +73,103 @@ export const InputField = /*#__PURE__*/forwardRef(function InputField({
     });
   }
 });
-const styles = StyleSheet.create(theme => ({
-  container: {
-    flexDirection: "row",
-    alignItems: "center",
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: theme.color["border.subtle"],
-    variants: {
-      size: {
-        sm: {
-          height: 36,
-          paddingHorizontal: theme.spacing["4"],
-          gap: 6
+const styles = StyleSheet.create(theme => {
+  // Resolved inline rather than through a helper: the unistyles Babel plugin
+  // rewrites this factory, and an imported function called from inside it is
+  // not in scope at runtime. Every body role shares one weight, so one lookup
+  // covers all three sizes.
+  const bodyWeight = theme.typography.variants[TEXT_VARIANT.md].fontWeight;
+  const bodyFont = theme.typography.fonts[bodyWeight];
+  const isSystemBodyFont = bodyFont === SYSTEM_FONT;
+  return {
+    container: {
+      flexDirection: "row",
+      alignItems: "center",
+      borderWidth: StyleSheet.hairlineWidth,
+      borderColor: theme.color["border.subtle"],
+      variants: {
+        size: {
+          sm: {
+            height: 36,
+            paddingHorizontal: theme.spacing["4"],
+            gap: 6
+          },
+          md: {
+            height: 44,
+            paddingHorizontal: theme.spacing["4"],
+            gap: 6
+          },
+          lg: {
+            height: 52,
+            paddingHorizontal: theme.spacing["4"],
+            gap: 6
+          }
         },
-        md: {
-          height: 44,
-          paddingHorizontal: theme.spacing["4"],
-          gap: 6
+        focused: {
+          true: {
+            borderColor: theme.color["accent.border"]
+          },
+          false: {}
         },
-        lg: {
-          height: 52,
-          paddingHorizontal: theme.spacing["4"],
-          gap: 6
-        }
-      },
-      focused: {
-        true: {
-          borderColor: theme.color["accent.border"]
-        },
-        false: {}
-      },
-      invalid: {
-        true: {
-          borderColor: theme.color["danger.text"]
+        invalid: {
+          true: {
+            borderColor: theme.color["danger.text"]
+          },
+          false: {}
         },
-        false: {}
+        disabled: {
+          true: {
+            opacity: theme.opacity.disabled
+          },
+          false: {}
+        }
       },
-      disabled: {
-        true: {
-          opacity: theme.opacity.disabled
-        },
-        false: {}
-      }
+      uni__dependencies: [0, 4]
     },
-    uni__dependencies: [0, 4]
-  },
-  // `background` is an open `ColorToken` and `radius` an eight-step scale, so
-  // both resolve in a dynamic function rather than enumerating as variants.
-  fill: (background, radius) => ({
-    backgroundColor: resolveThemeColor(background, theme),
-    borderRadius: theme.radius[radius],
-    uni__dependencies: [0]
-  }),
-  input: {
-    flex: 1,
-    // Android centres text in a taller box by default; zeroing the padding lets
-    // the container's own height own the geometry on both platforms.
-    paddingVertical: 0,
-    color: theme.color["text.primary"],
-    variants: {
-      size: {
-        sm: {
-          fontSize: theme.typography.variants[TEXT_VARIANT.sm].fontSize,
-          fontWeight: FONT_WEIGHT_VALUE[theme.typography.variants[TEXT_VARIANT.sm].fontWeight]
+    // `background` is an open `ColorToken` and `radius` an eight-step scale, so
+    // both resolve in a dynamic function rather than enumerating as variants.
+    fill: (background, radius) => ({
+      backgroundColor: resolveThemeColor(background, theme),
+      borderRadius: theme.radius[radius],
+      uni__dependencies: [0]
+    }),
+    input: {
+      flex: 1,
+      // Android centres text in a taller box by default; zeroing the padding lets
+      // the container's own height own the geometry on both platforms.
+      paddingVertical: 0,
+      color: theme.color["text.primary"],
+      // Custom fonts encode weight in the family name; the system font takes a
+      // numeric weight instead.
+      fontFamily: isSystemBodyFont ? undefined : bodyFont,
+      fontWeight: isSystemBodyFont ? FONT_WEIGHT_VALUE[bodyWeight] : undefined,
+      variants: {
+        size: {
+          sm: {
+            fontSize: theme.typography.variants[TEXT_VARIANT.sm].fontSize
+          },
+          md: {
+            fontSize: theme.typography.variants[TEXT_VARIANT.md].fontSize
+          },
+          lg: {
+            fontSize: theme.typography.variants[TEXT_VARIANT.lg].fontSize
+          }
         },
-        md: {
-          fontSize: theme.typography.variants[TEXT_VARIANT.md].fontSize,
-          fontWeight: FONT_WEIGHT_VALUE[theme.typography.variants[TEXT_VARIANT.md].fontWeight]
+        focused: {
+          true: {},
+          false: {}
         },
-        lg: {
-          fontSize: theme.typography.variants[TEXT_VARIANT.lg].fontSize,
-          fontWeight: FONT_WEIGHT_VALUE[theme.typography.variants[TEXT_VARIANT.lg].fontWeight]
+        invalid: {
+          true: {},
+          false: {}
+        },
+        disabled: {
+          true: {},
+          false: {}
         }
       },
-      focused: {
-        true: {},
-        false: {}
-      },
-      invalid: {
-        true: {},
-        false: {}
-      },
-      disabled: {
-        true: {},
-        false: {}
-      }
-    },
-    uni__dependencies: [0, 4]
-  }
-}));
+      uni__dependencies: [0, 4]
+    }
+  };
+});
 //# sourceMappingURL=InputField.js.map