react-native-terra-ui 0.11.17 → 0.12.0

package/lib/module/components/badge/Badge.js

@@ -1,92 +1,247 @@
 "use strict";
 
 import { View } from "react-native-unistyles/components/native/View";
-import { forwardRef } from "react";
-import { StyleSheet } from "react-native-unistyles";
-import { BadgeIndicator } from "./parts/BadgeIndicator.js";
-import { getAnchorPosition } from "./utils.js";
+import { Text as RNText } from "react-native-unistyles/components/native/Text";
+import { StyleSheet, useUnistyles } from "react-native-unistyles";
+import { resolveThemeColor } from "../../utils/resolve-theme-color.js";
+import { FONT_WEIGHT_VALUE, SYSTEM_FONT } from "../../utils/typography.js";
+import { getCustomBadgeColors, hasLabel } from "./utils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const SCHEME_NAMES = new Set(["primary", "secondary", "success", "warning", "danger"]);
+/** Label foreground per scheme — mirrors the spec's token table. */
+const FG_TOKEN = {
+  primary: "accent.solid.fg",
+  secondary: "neutral.solid.fg",
+  success: "success.solid.fg",
+  warning: "warning.solid.fg",
+  danger: "danger.solid.fg"
+};
+const LABEL_VARIANT = {
+  sm: "label-sm",
+  md: "label-md",
+  lg: "label-lg"
+};
 
 /**
- * Overlays a count or status indicator on one corner of the element it wraps.
+ * A dot, or a pill carrying a count or short label.
  *
  * ```tsx
- * <Badge placement="top-right" color="danger" label={3}>
- *   <Toolbar.Button icon="bell" accessibilityLabel="Notifications" />
- * </Badge>
+ * <Text>Appearing</Text>
+ * <Badge color="secondary" size="sm" label={56} />
  * ```
  *
- * The child renders untouched — `Badge` contributes the positioning context and
- * the overlay, nothing else. A round child usually wants a negative `offset`,
- * since the corner being anchored to is the bounding box's, not the circle's.
+ * Stands on its own, inline in a row beside the text it counts. To pin one to
+ * the corner of an icon or button, wrap that element in `WithBadge`, which
+ * renders this and owns only the position.
+ *
+ * `useUnistyles` is called unconditionally, which is what subscribes this
+ * component to theme changes. The background below comes from a variant, which
+ * unistyles applies straight to the native node on a theme switch; without a
+ * re-render React would go on believing the node holds the previous theme's
+ * value. `Chip` documents the same hazard on its root.
  */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Badge = /*#__PURE__*/forwardRef(function Badge({
-  children,
-  placement = "top-right",
+export const Badge = ({
   label,
   color = "danger",
   size = "md",
-  offset = 0,
-  isVisible = true,
-  fullWidth = false,
+  ring = false,
   accessibilityLabel,
   style,
   ...rest
-}, ref) {
+}) => {
+  const {
+    theme
+  } = useUnistyles();
+  // A literal never matches one of the five variant options, so it's cast to
+  // satisfy `useVariants`'s literal-union type while still being compared
+  // against the real value below.
   const _styles = styles;
   {
     const styles = _styles.useVariants({
-      fullWidth
+      color: color,
+      size,
+      ring
+    });
+    const custom = SCHEME_NAMES.has(color) ? null : getCustomBadgeColors(color);
+    const labelled = hasLabel(label);
+    const foreground = custom ? custom.fg : FG_TOKEN[color];
+
+    // An explicit label wins even on a dot; a dot with nothing to announce is
+    // decorative and hidden rather than read out as an unlabelled element.
+    const announced = accessibilityLabel ?? (labelled ? String(label) : undefined);
+    const accessibility = announced ? {
+      accessible: true,
+      accessibilityLabel: announced
+    } : {
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      "aria-hidden": true
+    };
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.indicator, labelled ? styles.pill : styles.dot, custom ? {
+        backgroundColor: custom.bg
+      } : null, style],
+      ...rest,
+      ...accessibility,
+      children: labelled ? /*#__PURE__*/_jsx(RNText, {
+        style: [styles.label, {
+          color: resolveThemeColor(foreground, theme)
+        }],
+        maxFontSizeMultiplier: theme.typography.variants[LABEL_VARIANT[size]].maxFontSizeMultiplier,
+        numberOfLines: 1,
+        children: label
+      }) : null
     });
-    return (
-      /*#__PURE__*/
-      // `style` last so an explicit `alignSelf` beats `fullWidth`.
-      _jsxs(View, {
-        ref: ref,
-        style: [styles.wrapper, style],
-        ...rest,
-        children: [children, isVisible ? /*#__PURE__*/_jsx(View, {
-          pointerEvents: "box-none",
-          style: [styles.anchor, getAnchorPosition(placement, size, offset)],
-          children: /*#__PURE__*/_jsx(BadgeIndicator, {
-            label: label,
-            color: color,
-            size: size,
-            accessibilityLabel: accessibilityLabel
-          })
-        }) : null]
-      })
-    );
   }
-});
-export { Badge };
+};
 
 // ─── Styles ───────────────────────────────────────────────────────────────────
 //
-// The indicator's insets are computed in `getAnchorPosition`, not declared here:
-// `offset` is an open-ended number, so it could never be a variant condition,
-// and the position involves no theme tokens at all. That leaves this stylesheet
-// with only what genuinely varies declaratively.
-const styles = StyleSheet.create(() => ({
-  wrapper: {
-    position: "relative",
-    variants: {
-      // `alignSelf: 'flex-start'` hugs the child, so the indicator anchors to
-      // the child's bounds rather than the surrounding container's. A child
-      // that was stretching needs `fullWidth` to go on doing so.
-      fullWidth: {
-        true: {
-          alignSelf: "stretch"
+// `color` is a plain variant rather than a compound one: `Badge` renders solid
+// only, so there is no second paint axis for it to interact with.
+//
+// React Native's box model is border-box, so the ring below eats into the
+// badge rather than growing it — the dot's outer diameter stays exactly what
+// `size` declares, with no compensation arithmetic, ring or not.
+const styles = StyleSheet.create(theme => {
+  const c = theme.color;
+  // A custom font encodes its weight in the family name, so only the system
+  // font takes a numeric `fontWeight` — the same branch `Chip` makes. Inlined
+  // rather than extracted: the unistyles Babel plugin rewrites this factory,
+  // and an imported function called from inside it is not in scope at runtime.
+  const labelFont = theme.typography.fonts.semibold;
+  const isSystemLabelFont = labelFont === SYSTEM_FONT;
+  return {
+    indicator: {
+      alignItems: "center",
+      justifyContent: "center",
+      borderRadius: theme.radius.full,
+      borderColor: c["surface.canvas"],
+      variants: {
+        // No styles of its own; it only has to exist for the compound rows
+        // below to match on. The ring's width depends on size as well.
+        size: {
+          sm: {},
+          md: {},
+          lg: {}
+        },
+        ring: {
+          true: {},
+          false: {
+            borderWidth: 0
+          }
         },
-        false: {
-          alignSelf: "flex-start"
+        color: {
+          primary: {
+            backgroundColor: c["accent.solid.bg"]
+          },
+          secondary: {
+            backgroundColor: c["neutral.solid.bg"]
+          },
+          success: {
+            backgroundColor: c["success.solid.bg"]
+          },
+          warning: {
+            backgroundColor: c["warning.solid.bg"]
+          },
+          danger: {
+            backgroundColor: c["danger.solid.bg"]
+          }
+        }
+      },
+      compoundVariants: [{
+        ring: true,
+        size: "sm",
+        styles: {
+          borderWidth: 1.5
+        }
+      }, {
+        ring: true,
+        size: "md",
+        styles: {
+          borderWidth: 2
         }
-      }
+      }, {
+        ring: true,
+        size: "lg",
+        styles: {
+          borderWidth: 2
+        }
+      }],
+      uni__dependencies: [0, 4]
     },
-    uni__dependencies: [4]
-  },
-  anchor: {
-    position: "absolute"
-  }
-}));
+    // These diameters are mirrored by `DOT_SIZE` in `./utils.ts`, which the
+    // anchor arithmetic reads. The Babel plugin needs them literal here, so a
+    // test asserts the two stay equal.
+    dot: {
+      variants: {
+        size: {
+          sm: {
+            width: 12,
+            height: 12
+          },
+          md: {
+            width: 16,
+            height: 16
+          },
+          lg: {
+            width: 20,
+            height: 20
+          }
+        }
+      },
+      uni__dependencies: [4]
+    },
+    pill: {
+      variants: {
+        size: {
+          sm: {
+            height: 18,
+            minWidth: 18,
+            paddingHorizontal: 5
+          },
+          md: {
+            height: 22,
+            minWidth: 22,
+            paddingHorizontal: 6
+          },
+          lg: {
+            height: 26,
+            minWidth: 26,
+            paddingHorizontal: 8
+          }
+        }
+      },
+      uni__dependencies: [4]
+    },
+    // Spelled out rather than derived from `LABEL_VARIANT`: the unistyles Babel
+    // plugin reads this object statically, so computed variant keys are not
+    // safe here even though they would resolve correctly under test.
+    label: {
+      textAlign: "center",
+      fontFamily: isSystemLabelFont ? undefined : labelFont,
+      fontWeight: isSystemLabelFont ? FONT_WEIGHT_VALUE.semibold : undefined,
+      variants: {
+        size: {
+          sm: {
+            fontSize: theme.typography.variants["label-sm"].fontSize,
+            lineHeight: theme.typography.variants["label-sm"].lineHeight,
+            letterSpacing: theme.typography.variants["label-sm"].letterSpacing
+          },
+          md: {
+            fontSize: theme.typography.variants["label-md"].fontSize,
+            lineHeight: theme.typography.variants["label-md"].lineHeight,
+            letterSpacing: theme.typography.variants["label-md"].letterSpacing
+          },
+          lg: {
+            fontSize: theme.typography.variants["label-lg"].fontSize,
+            lineHeight: theme.typography.variants["label-lg"].lineHeight,
+            letterSpacing: theme.typography.variants["label-lg"].letterSpacing
+          }
+        }
+      },
+      uni__dependencies: [0, 4]
+    }
+  };
+});
 //# sourceMappingURL=Badge.js.map

package/lib/module/components/badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","StyleSheet","BadgeIndicator","getAnchorPosition","jsx","_jsx","jsxs","_jsxs","Badge","children","placement","label","color","size","offset","isVisible","fullWidth","accessibilityLabel","style","rest","ref","_styles","styles","useVariants","View","wrapper","pointerEvents","anchor","create","position","variants","true","alignSelf","false","uni__dependencies"],"sourceRoot":"../../../../src","sources":["components/badge/Badge.tsx"],"mappings":";;;AAAA,SAA4BA,UAAU,QAAQ,OAAO;AAGrD,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,SAASC,cAAc;AAEvB,SAASC,iBAAiB;;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAZA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAaA,MAAMC,KAAK,gBAAGR,UAAU,CAAwC,SAASQ,KAAKA,CAC5E;EACEC,QAAQ;EACRC,SAAS,GAAG,WAAW;EACvBC,KAAK;EACLC,KAAK,GAAG,QAAQ;EAChBC,IAAI,GAAG,IAAI;EACXC,MAAM,GAAG,CAAC;EACVC,SAAS,GAAG,IAAI;EAChBC,SAAS,GAAG,KAAK;EACjBC,kBAAkB;EAClBC,KAAK;EACL,GAAGC;AACL,CAAC,EACDC,GAAG,EACH;EAAA,MAAAC,OAAA,GAAAC,MAAA;EAAA;IAAA,MAAAA,MAAA,GAAAD,OAAA,CAAAE,WAAA,CACmB;MAAEP;IAAU,CAAC;IAEhC;MAAA;MACE;MACAT,KAAA,CAACiB,IAAI;QAACJ,GAAG,EAAEA,GAAI;QAACF,KAAK,EAAE,CAACI,MAAM,CAACG,OAAO,EAAEP,KAAK,CAAE;QAAA,GAAKC,IAAI;QAAAV,QAAA,GACrDA,QAAQ,EACRM,SAAS,gBACRV,IAAA,CAACmB,IAAI;UAACE,aAAa,EAAC,UAAU;UAACR,KAAK,EAAE,CAACI,MAAM,CAACK,MAAM,EAAExB,iBAAiB,CAACO,SAAS,EAAEG,IAAI,EAAEC,MAAM,CAAC,CAAE;UAAAL,QAAA,eAChGJ,IAAA,CAACH,cAAc;YAACS,KAAK,EAAEA,KAAM;YAACC,KAAK,EAAEA,KAAM;YAACC,IAAI,EAAEA,IAAK;YAACI,kBAAkB,EAAEA;UAAmB,CAAE;QAAC,CAC9F,CAAC,GACL,IAAI;MAAA,CACJ;IAAC;EACP;AACJ,CAAC,CAAC;AAEF,SAAST,KAAK;;AAEd;AACA;AACA;AACA;AACA;AACA;AACA,MAAMc,MAAM,GAAGrB,UAAU,CAAC2B,MAAM,CAAC,OAAO;EACtCH,OAAO,EAAE;IACPI,QAAQ,EAAE,UAAU;IACpBC,QAAQ,EAAE;MACR;MACA;MACA;MACAd,SAAS,EAAE;QACTe,IAAI,EAAE;UAAEC,SAAS,EAAE;QAAU,CAAC;QAC9BC,KAAK,EAAE;UAAED,SAAS,EAAE;QAAa;MACnC;IACF,CAAC;IAAAE,iBAAA;EACH,CAAC;EACDP,MAAM,EAAE;IACNE,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","useUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","SYSTEM_FONT","getCustomBadgeColors","hasLabel","jsx","_jsx","SCHEME_NAMES","Set","FG_TOKEN","primary","secondary","success","warning","danger","LABEL_VARIANT","sm","md","lg","Badge","label","color","size","ring","accessibilityLabel","style","rest","theme","_styles","styles","useVariants","custom","has","labelled","foreground","fg","announced","String","undefined","accessibility","accessible","accessibilityElementsHidden","importantForAccessibility","View","indicator","pill","dot","backgroundColor","bg","children","RNText","maxFontSizeMultiplier","typography","variants","numberOfLines","create","c","labelFont","fonts","semibold","isSystemLabelFont","alignItems","justifyContent","borderRadius","radius","full","borderColor","true","false","borderWidth","compoundVariants","uni__dependencies","width","height","minWidth","paddingHorizontal","textAlign","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/badge/Badge.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/badge/WithBadge.js

@@ -0,0 +1,94 @@
+"use strict";
+
+import { View } from "react-native-unistyles/components/native/View";
+import { forwardRef } from "react";
+import { StyleSheet } from "react-native-unistyles";
+import { Badge } from "./Badge.js";
+import { getAnchorPosition } from "./utils.js";
+
+/**
+ * Pins a `Badge` to one corner of the element it wraps.
+ *
+ * ```tsx
+ * <WithBadge placement="top-right" color="danger" label={3}>
+ *   <Toolbar.Button icon="bell" accessibilityLabel="Notifications" />
+ * </WithBadge>
+ * ```
+ *
+ * The child renders untouched — `WithBadge` contributes the positioning context
+ * and the overlay, nothing else. A round child usually wants a negative
+ * `offset`, since the corner being anchored to is the bounding box's, not the
+ * circle's. For a badge that sits inline beside text, use `Badge` on its own.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const WithBadge = /*#__PURE__*/forwardRef(function WithBadge({
+  children,
+  placement = "top-right",
+  label,
+  color = "danger",
+  size = "md",
+  offset = 0,
+  isVisible = true,
+  fullWidth = false,
+  accessibilityLabel,
+  style,
+  ...rest
+}, ref) {
+  const _styles = styles;
+  {
+    const styles = _styles.useVariants({
+      fullWidth
+    });
+    return (
+      /*#__PURE__*/
+      // `style` last so an explicit `alignSelf` beats `fullWidth`.
+      _jsxs(View, {
+        ref: ref,
+        style: [styles.wrapper, style],
+        ...rest,
+        children: [children, isVisible ? /*#__PURE__*/_jsx(View, {
+          pointerEvents: "box-none",
+          style: [styles.anchor, getAnchorPosition(placement, size, offset)],
+          children: /*#__PURE__*/_jsx(Badge, {
+            label: label,
+            color: color,
+            size: size,
+            ring: true,
+            accessibilityLabel: accessibilityLabel
+          })
+        }) : null]
+      })
+    );
+  }
+});
+export { WithBadge };
+
+// ─── Styles ───────────────────────────────────────────────────────────────────
+//
+// The badge's insets are computed in `getAnchorPosition`, not declared here:
+// `offset` is an open-ended number, so it could never be a variant condition,
+// and the position involves no theme tokens at all. That leaves this stylesheet
+// with only what genuinely varies declaratively.
+const styles = StyleSheet.create(() => ({
+  wrapper: {
+    position: "relative",
+    variants: {
+      // `alignSelf: 'flex-start'` hugs the child, so the indicator anchors to
+      // the child's bounds rather than the surrounding container's. A child
+      // that was stretching needs `fullWidth` to go on doing so.
+      fullWidth: {
+        true: {
+          alignSelf: "stretch"
+        },
+        false: {
+          alignSelf: "flex-start"
+        }
+      }
+    },
+    uni__dependencies: [4]
+  },
+  anchor: {
+    position: "absolute"
+  }
+}));
+//# sourceMappingURL=WithBadge.js.map

package/lib/module/components/badge/WithBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","StyleSheet","Badge","getAnchorPosition","jsx","_jsx","jsxs","_jsxs","WithBadge","children","placement","label","color","size","offset","isVisible","fullWidth","accessibilityLabel","style","rest","ref","_styles","styles","useVariants","View","wrapper","pointerEvents","anchor","ring","create","position","variants","true","alignSelf","false","uni__dependencies"],"sourceRoot":"../../../../src","sources":["components/badge/WithBadge.tsx"],"mappings":";;;AAAA,SAA4BA,UAAU,QAAQ,OAAO;AAGrD,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,SAASC,KAAK;AAEd,SAASC,iBAAiB;;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAbA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAcA,MAAMC,SAAS,gBAAGR,UAAU,CAA4C,SAASQ,SAASA,CACxF;EACEC,QAAQ;EACRC,SAAS,GAAG,WAAW;EACvBC,KAAK;EACLC,KAAK,GAAG,QAAQ;EAChBC,IAAI,GAAG,IAAI;EACXC,MAAM,GAAG,CAAC;EACVC,SAAS,GAAG,IAAI;EAChBC,SAAS,GAAG,KAAK;EACjBC,kBAAkB;EAClBC,KAAK;EACL,GAAGC;AACL,CAAC,EACDC,GAAG,EACH;EAAA,MAAAC,OAAA,GAAAC,MAAA;EAAA;IAAA,MAAAA,MAAA,GAAAD,OAAA,CAAAE,WAAA,CACmB;MAAEP;IAAU,CAAC;IAEhC;MAAA;MACE;MACAT,KAAA,CAACiB,IAAI;QAACJ,GAAG,EAAEA,GAAI;QAACF,KAAK,EAAE,CAACI,MAAM,CAACG,OAAO,EAAEP,KAAK,CAAE;QAAA,GAAKC,IAAI;QAAAV,QAAA,GACrDA,QAAQ,EACRM,SAAS,gBACRV,IAAA,CAACmB,IAAI;UAACE,aAAa,EAAC,UAAU;UAACR,KAAK,EAAE,CAACI,MAAM,CAACK,MAAM,EAAExB,iBAAiB,CAACO,SAAS,EAAEG,IAAI,EAAEC,MAAM,CAAC,CAAE;UAAAL,QAAA,eAChGJ,IAAA,CAACH,KAAK;YAACS,KAAK,EAAEA,KAAM;YAACC,KAAK,EAAEA,KAAM;YAACC,IAAI,EAAEA,IAAK;YAACe,IAAI;YAACX,kBAAkB,EAAEA;UAAmB,CAAE;QAAC,CAC1F,CAAC,GACL,IAAI;MAAA,CACJ;IAAC;EACP;AACJ,CAAC,CAAC;AAEF,SAAST,SAAS;;AAElB;AACA;AACA;AACA;AACA;AACA;AACA,MAAMc,MAAM,GAAGrB,UAAU,CAAC4B,MAAM,CAAC,OAAO;EACtCJ,OAAO,EAAE;IACPK,QAAQ,EAAE,UAAU;IACpBC,QAAQ,EAAE;MACR;MACA;MACA;MACAf,SAAS,EAAE;QACTgB,IAAI,EAAE;UAAEC,SAAS,EAAE;QAAU,CAAC;QAC9BC,KAAK,EAAE;UAAED,SAAS,EAAE;QAAa;MACnC;IACF,CAAC;IAAAE,iBAAA;EACH,CAAC;EACDR,MAAM,EAAE;IACNG,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC,CAAC","ignoreList":[]}

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

@@ -1,4 +1,5 @@
 "use strict";
 
 export { Badge } from "./Badge.js";
+export { WithBadge } from "./WithBadge.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Badge"],"sourceRoot":"../../../../src","sources":["components/badge/index.ts"],"mappings":";;AAAA,SAASA,KAAK","ignoreList":[]}
+{"version":3,"names":["Badge","WithBadge"],"sourceRoot":"../../../../src","sources":["components/badge/index.ts"],"mappings":";;AAAA,SAASA,KAAK;AAEd,SAASC,SAAS","ignoreList":[]}

package/lib/module/components/badge/utils.js

@@ -6,7 +6,7 @@ import { readableOn } from "../../utils/color-utils.js";
 // can't be a unistyles variant condition — it's derived here instead, the same
 // way `chip/utils.ts` handles the equivalent case on `Chip`.
 
-/** The indicator's paint for a raw literal: the literal itself, plus a readable label. */
+/** The badge's paint for a raw literal: the literal itself, plus a readable label. */
 export function getCustomBadgeColors(literal) {
   return {
     bg: literal,
@@ -24,7 +24,7 @@ export function hasLabel(label) {
 }
 
 /**
- * Outer diameter of the dot per size. The indicator's own stylesheet repeats
+ * Outer diameter of the dot per size. The badge's own stylesheet repeats
  * these as literals — the unistyles Babel plugin reads that object statically,
  * so it cannot reference this table — and `anchorOffsetsMatchDotRadius` in the
  * test suite is what keeps the two in step.
@@ -35,7 +35,7 @@ export const DOT_SIZE = {
   lg: 20
 };
 /**
- * Absolute insets for the indicator, in pure arithmetic rather than one
+ * Absolute insets for a `WithBadge`'s badge, in pure arithmetic rather than one
  * compound variant per (placement, size) cell: `offset` is an open-ended number
  * and could never be a variant condition, and nothing here touches the theme.
  *

package/lib/module/components/header/parts/HeaderBar.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]
           })]
         })
@@ -92,10 +102,27 @@ const styles = StyleSheet.create((theme, runtime) => ({
     paddingRight: Math.max(resolveScreenPadding(theme, runtime.breakpoint).x, right),
     uni__dependencies: [0, 3]
   }),
-  titleInsets: (left, right, alignment) => alignment === "center" ? {
-    left,
-    right
-  } : {},
+  // 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]
+    };
+  },
   bar: {
     height: theme.layout.header.height,
     flexDirection: "row",

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","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","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","fontWeight","textAlign"],"sourceRoot":"../../../../../src","sources":["components/header/parts/HeaderBar.tsx"],"mappings":"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","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/typescript/src/components/accordion/Accordion.d.ts

@@ -0,0 +1,33 @@
+import { AccordionContent } from "./parts/AccordionContent.js";
+import { AccordionIndicator } from "./parts/AccordionIndicator.js";
+import { AccordionItem } from "./parts/AccordionItem.js";
+import { AccordionTrigger } from "./parts/AccordionTrigger.js";
+import type { AccordionProps } from "./types.js";
+/**
+ * A vertical stack of headers that each open a panel of content.
+ *
+ * `'single'` mode (the default) keeps one item open at a time; `'multiple'`
+ * lets any number be open. Uncontrolled through `defaultValue`, or controlled
+ * through `value` + `onValueChange`.
+ *
+ * @example
+ * <Accordion defaultValue="shipping">
+ *   <Accordion.Item value="shipping">
+ *     <Accordion.Trigger>
+ *       How long does shipping take?
+ *       <Accordion.Indicator />
+ *     </Accordion.Trigger>
+ *     <Accordion.Content>3–5 business days.</Accordion.Content>
+ *   </Accordion.Item>
+ * </Accordion>
+ */
+declare const AccordionRoot: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<import("react-native/types_generated/src/private/webapis/dom/nodes/ReactNativeElement").default>>;
+type AccordionComponent = typeof AccordionRoot & {
+    Item: typeof AccordionItem;
+    Trigger: typeof AccordionTrigger;
+    Indicator: typeof AccordionIndicator;
+    Content: typeof AccordionContent;
+};
+export declare const Accordion: AccordionComponent;
+export {};
+//# sourceMappingURL=Accordion.d.ts.map

package/lib/typescript/src/components/accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../../src/components/accordion/Accordion.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA0B,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA4B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAAuB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAS,CAAC;AAiB9C;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,aAAa,4LA2BjB,CAAC;AAEH,KAAK,kBAAkB,GAAG,OAAO,aAAa,GAAG;IAC/C,IAAI,EAAE,OAAO,aAAa,CAAC;IAC3B,OAAO,EAAE,OAAO,gBAAgB,CAAC;IACjC,SAAS,EAAE,OAAO,kBAAkB,CAAC;IACrC,OAAO,EAAE,OAAO,gBAAgB,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAoB,kBAAkB,CAAC"}