react-native-terra-ui 0.5.1 → 0.7.0

package/lib/module/utils/accent-utils.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import { readableOn, shade, withAlpha } from "./color-utils.js";
-const isShorthand = accent => typeof accent.light === 'string' || typeof accent.dark === 'string';
+const isShorthand = accent => typeof accent.light === "string" || typeof accent.dark === "string";
 
 /**
  * Expands a single hue into a fuller per-scheme patch so primary AND subtle
@@ -14,22 +14,22 @@ const isShorthand = accent => typeof accent.light === 'string' || typeof accent.
  */
 function hueToPartial(hue, scheme) {
   if (!hue) return {};
-  const dir = scheme === 'light' ? -1 : 1;
-  const isLight = scheme === 'light';
+  const dir = scheme === "light" ? -1 : 1;
+  const isLight = scheme === "light";
   const fg = readableOn(hue);
   // Flat color keys to patch — deepMerge replaces string leaves directly.
   const color = {
-    'action.bg.primary': hue,
-    'action.fg.primary': fg,
-    'action.bg.primary.hover': shade(hue, dir * 0.12),
-    'action.bg.primary.active': shade(hue, dir * 0.24),
-    'action.bg.primary.subtle': withAlpha(hue, isLight ? 0.12 : 0.2),
-    'action.fg.primary.subtle': hue,
-    'action.bg.primary.subtle.hover': withAlpha(hue, isLight ? 0.18 : 0.28),
-    'action.bg.primary.subtle.active': withAlpha(hue, isLight ? 0.24 : 0.36),
-    'text.accent': hue,
-    'text.link': hue,
-    'text.on-accent': fg
+    "action.bg.primary": hue,
+    "action.fg.primary": fg,
+    "action.bg.primary.hover": shade(hue, dir * 0.12),
+    "action.bg.primary.active": shade(hue, dir * 0.24),
+    "action.bg.primary.subtle": withAlpha(hue, isLight ? 0.12 : 0.2),
+    "action.fg.primary.subtle": hue,
+    "action.bg.primary.subtle.hover": withAlpha(hue, isLight ? 0.18 : 0.28),
+    "action.bg.primary.subtle.active": withAlpha(hue, isLight ? 0.24 : 0.36),
+    "text.accent": hue,
+    "text.link": hue,
+    "text.on-accent": fg
   };
   return {
     color
@@ -40,8 +40,8 @@ function hueToPartial(hue, scheme) {
 export function normalizeAccent(accent) {
   if (isShorthand(accent)) {
     return {
-      light: hueToPartial(accent.light, 'light'),
-      dark: hueToPartial(accent.dark, 'dark')
+      light: hueToPartial(accent.light, "light"),
+      dark: hueToPartial(accent.dark, "dark")
     };
   }
   return {

package/lib/module/utils/accent-utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["readableOn","shade","withAlpha","isShorthand","accent","light","dark","hueToPartial","hue","scheme","dir","isLight","fg","color","normalizeAccent"],"sourceRoot":"../../../src","sources":["utils/accent-utils.ts"],"mappings":";;AAOA,SAASA,UAAU,EAAEC,KAAK,EAAEC,SAAS;AAGrC,MAAMC,WAAW,GAAIC,MAAc,IACjC,OAAQA,MAAM,CAAqBC,KAAK,KAAK,QAAQ,IACrD,OAAQD,MAAM,CAAqBE,IAAI,KAAK,QAAQ;;AAEtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,YAAYA,CACnBC,GAAuB,EACvBC,MAAwB,EACC;EACzB,IAAI,CAACD,GAAG,EAAE,OAAO,CAAC,CAAC;EACnB,MAAME,GAAG,GAAGD,MAAM,KAAK,OAAO,GAAG,CAAC,CAAC,GAAG,CAAC;EACvC,MAAME,OAAO,GAAGF,MAAM,KAAK,OAAO;EAClC,MAAMG,EAAE,GAAGZ,UAAU,CAACQ,GAAG,CAAC;EAC1B;EACA,MAAMK,KAAK,GAAG;IACZ,mBAAmB,EAAEL,GAAG;IACxB,mBAAmB,EAAEI,EAAE;IACvB,yBAAyB,EAAEX,KAAK,CAACO,GAAG,EAAEE,GAAG,GAAG,IAAI,CAAC;IACjD,0BAA0B,EAAET,KAAK,CAACO,GAAG,EAAEE,GAAG,GAAG,IAAI,CAAC;IAClD,0BAA0B,EAAER,SAAS,CAACM,GAAG,EAAEG,OAAO,GAAG,IAAI,GAAG,GAAG,CAAC;IAChE,0BAA0B,EAAEH,GAAG;IAC/B,gCAAgC,EAAEN,SAAS,CAACM,GAAG,EAAEG,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;IACvE,iCAAiC,EAAET,SAAS,CAACM,GAAG,EAAEG,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;IACxE,aAAa,EAAEH,GAAG;IAClB,WAAW,EAAEA,GAAG;IAChB,gBAAgB,EAAEI;EACpB,CAAC;EACD,OAAO;IAAEC;EAAM,CAAC;AAClB;;AAEA;AACA,OAAO,SAASC,eAAeA,CAACV,MAAc,EAAoB;EAChE,IAAID,WAAW,CAACC,MAAM,CAAC,EAAE;IACvB,OAAO;MACLC,KAAK,EAAEE,YAAY,CAACH,MAAM,CAACC,KAAK,EAAE,OAAO,CAAC;MAC1CC,IAAI,EAAEC,YAAY,CAACH,MAAM,CAACE,IAAI,EAAE,MAAM;IACxC,CAAC;EACH;EACA,OAAO;IAAED,KAAK,EAAED,MAAM,CAACC,KAAK,IAAI,CAAC,CAAC;IAAEC,IAAI,EAAEF,MAAM,CAACE,IAAI,IAAI,CAAC;EAAE,CAAC;AAC/D","ignoreList":[]}
+{"version":3,"names":["readableOn","shade","withAlpha","isShorthand","accent","light","dark","hueToPartial","hue","scheme","dir","isLight","fg","color","normalizeAccent"],"sourceRoot":"../../../src","sources":["utils/accent-utils.ts"],"mappings":";;AACA,SAASA,UAAU,EAAEC,KAAK,EAAEC,SAAS;AAGrC,MAAMC,WAAW,GAAIC,MAAc,IACjC,OAAQA,MAAM,CAAqBC,KAAK,KAAK,QAAQ,IACrD,OAAQD,MAAM,CAAqBE,IAAI,KAAK,QAAQ;;AAEtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,YAAYA,CAACC,GAAuB,EAAEC,MAAwB,EAA2B;EAChG,IAAI,CAACD,GAAG,EAAE,OAAO,CAAC,CAAC;EACnB,MAAME,GAAG,GAAGD,MAAM,KAAK,OAAO,GAAG,CAAC,CAAC,GAAG,CAAC;EACvC,MAAME,OAAO,GAAGF,MAAM,KAAK,OAAO;EAClC,MAAMG,EAAE,GAAGZ,UAAU,CAACQ,GAAG,CAAC;EAC1B;EACA,MAAMK,KAAK,GAAG;IACZ,mBAAmB,EAAEL,GAAG;IACxB,mBAAmB,EAAEI,EAAE;IACvB,yBAAyB,EAAEX,KAAK,CAACO,GAAG,EAAEE,GAAG,GAAG,IAAI,CAAC;IACjD,0BAA0B,EAAET,KAAK,CAACO,GAAG,EAAEE,GAAG,GAAG,IAAI,CAAC;IAClD,0BAA0B,EAAER,SAAS,CAACM,GAAG,EAAEG,OAAO,GAAG,IAAI,GAAG,GAAG,CAAC;IAChE,0BAA0B,EAAEH,GAAG;IAC/B,gCAAgC,EAAEN,SAAS,CAACM,GAAG,EAAEG,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;IACvE,iCAAiC,EAAET,SAAS,CAACM,GAAG,EAAEG,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;IACxE,aAAa,EAAEH,GAAG;IAClB,WAAW,EAAEA,GAAG;IAChB,gBAAgB,EAAEI;EACpB,CAAC;EACD,OAAO;IAAEC;EAAM,CAAC;AAClB;;AAEA;AACA,OAAO,SAASC,eAAeA,CAACV,MAAc,EAAoB;EAChE,IAAID,WAAW,CAACC,MAAM,CAAC,EAAE;IACvB,OAAO;MACLC,KAAK,EAAEE,YAAY,CAACH,MAAM,CAACC,KAAK,EAAE,OAAO,CAAC;MAC1CC,IAAI,EAAEC,YAAY,CAACH,MAAM,CAACE,IAAI,EAAE,MAAM;IACxC,CAAC;EACH;EACA,OAAO;IAAED,KAAK,EAAED,MAAM,CAACC,KAAK,IAAI,CAAC,CAAC;IAAEC,IAAI,EAAEF,MAAM,CAACE,IAAI,IAAI,CAAC;EAAE,CAAC;AAC/D","ignoreList":[]}

package/lib/module/utils/color-utils.js

@@ -17,7 +17,7 @@ const toHex = ({
   r,
   g,
   b
-}) => `#${[r, g, b].map(v => clamp(v).toString(16).padStart(2, '0')).join('')}`;
+}) => `#${[r, g, b].map(v => clamp(v).toString(16).padStart(2, "0")).join("")}`;
 
 /**
  * Shifts a hex color toward black (negative `amount`) or white (positive),
@@ -45,9 +45,9 @@ export function withAlpha(hex, alpha) {
 /** Picks black or white for legible text/icons on top of `hex`. */
 export function readableOn(hex) {
   const c = parseHex(hex);
-  if (!c) return '#ffffff';
+  if (!c) return "#ffffff";
   // Perceived luminance (0–1).
   const luminance = (0.299 * c.r + 0.587 * c.g + 0.114 * c.b) / 255;
-  return luminance > 0.6 ? '#000000' : '#ffffff';
+  return luminance > 0.6 ? "#000000" : "#ffffff";
 }
 //# sourceMappingURL=color-utils.js.map

package/lib/module/utils/deep-merge.js

@@ -2,7 +2,7 @@
 
 /** Recursively makes every property (and nested property) optional. */
 
-const isPlainObject = value => typeof value === 'object' && value !== null && !Array.isArray(value) && Object.getPrototypeOf(value) === Object.prototype;
+const isPlainObject = value => typeof value === "object" && value !== null && !Array.isArray(value) && Object.getPrototypeOf(value) === Object.prototype;
 
 /**
  * Deep-merges `override` onto `base`, returning a new object.

package/lib/module/utils/resolve-theme-color.js

@@ -1,6 +1,6 @@
 "use strict";
 
-const isColorLiteral = value => value.startsWith('#') || value.startsWith('rgb') || value.startsWith('hsl') || value === 'transparent' || value === 'currentColor';
+const isColorLiteral = value => value.startsWith("#") || value.startsWith("rgb") || value.startsWith("hsl") || value === "transparent" || value === "currentColor";
 
 /**
  * Resolves a {@link ColorToken} to a concrete color string using the theme.
@@ -15,6 +15,6 @@ export function resolveThemeColor(token, theme) {
   if (!token) return undefined;
   if (isColorLiteral(token)) return token;
   const value = theme.color[token];
-  return typeof value === 'string' ? value : undefined;
+  return typeof value === "string" ? value : undefined;
 }
 //# sourceMappingURL=resolve-theme-color.js.map

package/lib/module/utils/resolve-theme-color.js.map

@@ -1 +1 @@
-{"version":3,"names":["isColorLiteral","value","startsWith","resolveThemeColor","token","theme","undefined","color"],"sourceRoot":"../../../src","sources":["utils/resolve-theme-color.ts"],"mappings":";;AAEA,MAAMA,cAAc,GAAIC,KAAa,IACnCA,KAAK,CAACC,UAAU,CAAC,GAAG,CAAC,IACrBD,KAAK,CAACC,UAAU,CAAC,KAAK,CAAC,IACvBD,KAAK,CAACC,UAAU,CAAC,KAAK,CAAC,IACvBD,KAAK,KAAK,aAAa,IACvBA,KAAK,KAAK,cAAc;;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,iBAAiBA,CAC/BC,KAA6B,EAC7BC,KAAiB,EACG;EACpB,IAAI,CAACD,KAAK,EAAE,OAAOE,SAAS;EAC5B,IAAIN,cAAc,CAACI,KAAK,CAAC,EAAE,OAAOA,KAAK;EACvC,MAAMH,KAAK,GAAII,KAAK,CAACE,KAAK,CAAwCH,KAAK,CAAC;EACxE,OAAO,OAAOH,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGK,SAAS;AACtD","ignoreList":[]}
+{"version":3,"names":["isColorLiteral","value","startsWith","resolveThemeColor","token","theme","undefined","color"],"sourceRoot":"../../../src","sources":["utils/resolve-theme-color.ts"],"mappings":";;AAEA,MAAMA,cAAc,GAAIC,KAAa,IACnCA,KAAK,CAACC,UAAU,CAAC,GAAG,CAAC,IACrBD,KAAK,CAACC,UAAU,CAAC,KAAK,CAAC,IACvBD,KAAK,CAACC,UAAU,CAAC,KAAK,CAAC,IACvBD,KAAK,KAAK,aAAa,IACvBA,KAAK,KAAK,cAAc;;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,iBAAiBA,CAACC,KAA6B,EAAEC,KAAiB,EAAsB;EACtG,IAAI,CAACD,KAAK,EAAE,OAAOE,SAAS;EAC5B,IAAIN,cAAc,CAACI,KAAK,CAAC,EAAE,OAAOA,KAAK;EACvC,MAAMH,KAAK,GAAII,KAAK,CAACE,KAAK,CAAwCH,KAAK,CAAC;EACxE,OAAO,OAAOH,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGK,SAAS;AACtD","ignoreList":[]}

package/lib/module/utils/typography.js

@@ -1,13 +1,13 @@
 "use strict";
 
 /** RN's sentinel for the platform default font (SF on iOS, Roboto on Android). */
-export const SYSTEM_FONT = 'System';
+export const SYSTEM_FONT = "System";
 
 /** Numeric fontWeight applied when a weight token maps to the system font. */
 export const FONT_WEIGHT_VALUE = {
-  regular: '400',
-  medium: '500',
-  semibold: '600',
-  bold: '700'
+  regular: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700"
 };
 //# sourceMappingURL=typography.js.map

package/lib/module/utils/typography.js.map

@@ -1 +1 @@
-{"version":3,"names":["SYSTEM_FONT","FONT_WEIGHT_VALUE","regular","medium","semibold","bold"],"sourceRoot":"../../../src","sources":["utils/typography.ts"],"mappings":";;AAEA;AACA,OAAO,MAAMA,WAAW,GAAG,QAAQ;;AAEnC;AACA,OAAO,MAAMC,iBAGZ,GAAG;EACFC,OAAO,EAAE,KAAK;EACdC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC","ignoreList":[]}
+{"version":3,"names":["SYSTEM_FONT","FONT_WEIGHT_VALUE","regular","medium","semibold","bold"],"sourceRoot":"../../../src","sources":["utils/typography.ts"],"mappings":";;AAEA;AACA,OAAO,MAAMA,WAAW,GAAG,QAAQ;;AAEnC;AACA,OAAO,MAAMC,iBAAyE,GAAG;EACvFC,OAAO,EAAE,KAAK;EACdC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC","ignoreList":[]}

package/lib/module/utils/unflatten.js

@@ -13,13 +13,13 @@
 export function unflatten(flat) {
   const root = {};
   for (const [path, value] of Object.entries(flat)) {
-    const segments = path.split('.');
+    const segments = path.split(".");
     let node = root;
     for (let i = 0; i < segments.length - 1; i++) {
       const seg = segments[i];
       if (seg === undefined) continue;
       const next = node[seg];
-      if (typeof next === 'object' && next !== null) {
+      if (typeof next === "object" && next !== null) {
         node = next;
       } else {
         const created = {};

package/lib/typescript/src/components/avatar/Avatar.d.ts

@@ -1,3 +1,3 @@
-import type { AvatarProps } from './types.js';
+import type { AvatarProps } from "./types.js";
 export declare function Avatar({ size, shape, source, name, fallback, contentFit, color, variant, style, ...rest }: AvatarProps): import("react").JSX.Element;
 //# sourceMappingURL=Avatar.d.ts.map

package/lib/typescript/src/components/avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAA2B,MAAM,YAAS,CAAC;AA6CpE,wBAAgB,MAAM,CAAC,EACrB,IAAW,EACX,KAAgB,EAChB,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,UAAoB,EACpB,KAAmB,EACnB,OAAiB,EACjB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,WAAW,+BA6Db"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAA2B,MAAM,YAAS,CAAC;AAyCpE,wBAAgB,MAAM,CAAC,EACrB,IAAW,EACX,KAAgB,EAChB,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,UAAoB,EACpB,KAAmB,EACnB,OAAiB,EACjB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,WAAW,+BA6Db"}

package/lib/typescript/src/components/avatar/index.d.ts

@@ -1,3 +1,3 @@
-export { Avatar } from './Avatar.js';
-export type { AvatarColor, AvatarProps, AvatarShape, AvatarSize, AvatarVariant, } from './types.js';
+export { Avatar } from "./Avatar.js";
+export type { AvatarColor, AvatarProps, AvatarShape, AvatarSize, AvatarVariant, } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/avatar/types.d.ts

@@ -1,12 +1,12 @@
-import type { ReactNode } from 'react';
-import type { ViewProps } from 'react-native';
-import type { TerraImageContentFit } from '../../theme/types';
-export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type AvatarShape = 'circle' | 'rounded' | 'square';
+import type { ReactNode } from "react";
+import type { ViewProps } from "react-native";
+import type { TerraImageContentFit } from "../../theme/types";
+export type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type AvatarShape = "circle" | "rounded" | "square";
 /** Semantic color scheme for the fallback state (initials / placeholder icon). */
-export type AvatarColor = 'secondary' | 'primary' | 'success' | 'warning' | 'danger';
+export type AvatarColor = "secondary" | "primary" | "success" | "warning" | "danger";
 /** Visual weight of the fallback background. */
-export type AvatarVariant = 'solid' | 'soft';
+export type AvatarVariant = "solid" | "soft";
 export interface AvatarProps extends ViewProps {
     /** Predefined size token. Defaults to `'md'`. */
     size?: AvatarSize;

package/lib/typescript/src/components/avatar/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC1D,kFAAkF;AAClF,MAAM,MAAM,WAAW,GACnB,WAAW,GACX,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AACb,gDAAgD;AAChD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,iDAAiD;IACjD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,uFAAuF;IACvF,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;IAClC,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gEAAgE;IAChE,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,uDAAuD;IACvD,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,mDAAmD;IACnD,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC1D,kFAAkF;AAClF,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AACrF,gDAAgD;AAChD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,iDAAiD;IACjD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,uFAAuF;IACvF,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;IAClC,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gEAAgE;IAChE,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,uDAAuD;IACvD,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,mDAAmD;IACnD,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB"}

package/lib/typescript/src/components/box/Box.d.ts

@@ -1,5 +1,5 @@
-import { type ViewProps } from 'react-native';
-import { type BoxStyleProps } from './utils.js';
+import { type ViewProps } from "react-native";
+import { type BoxStyleProps } from "./utils.js";
 export interface BoxProps extends ViewProps, BoxStyleProps {
     /** Merge Box's style/props onto a single child instead of rendering a View. */
     asChild?: boolean;

package/lib/typescript/src/components/box/Box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../../src/components/box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKpD,OAAO,EAEL,KAAK,aAAa,EAEnB,MAAM,YAAS,CAAC;AAEjB,MAAM,WAAW,QAAS,SAAQ,SAAS,EAAE,aAAa;IACxD,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAID;;;GAGG;AACH,eAAO,MAAM,GAAG,sLAoCd,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../../src/components/box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKpD,OAAO,EAAuB,KAAK,aAAa,EAAmB,MAAM,YAAS,CAAC;AAEnF,MAAM,WAAW,QAAS,SAAQ,SAAS,EAAE,aAAa;IACxD,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAID;;;GAGG;AACH,eAAO,MAAM,GAAG,sLA6Bd,CAAC"}

package/lib/typescript/src/components/box/index.d.ts

@@ -1,4 +1,4 @@
-export type { BoxProps } from './Box.js';
-export { Box } from './Box.js';
-export type { Align, BorderWidthInput, BoxStyleProps, Justify, } from './utils.js';
+export type { BoxProps } from "./Box.js";
+export { Box } from "./Box.js";
+export type { Align, BorderWidthInput, BoxStyleProps, Justify, } from "./utils.js";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/box/utils.d.ts

@@ -1,8 +1,8 @@
-import { type ViewStyle } from 'react-native';
-import type { ColorToken, ElevationKey, RadiusKey, SpacingKey, TerraTheme } from '../../theme/types';
-export type Align = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
-export type Justify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
-export type BorderWidthInput = number | 'hairline';
+import { type ViewStyle } from "react-native";
+import type { ColorToken, ElevationKey, RadiusKey, SpacingKey, TerraTheme } from "../../theme/types";
+export type Align = "start" | "center" | "end" | "stretch" | "baseline";
+export type Justify = "start" | "center" | "end" | "between" | "around" | "evenly";
+export type BorderWidthInput = number | "hairline";
 /** Token-driven style props accepted by `Box`. */
 export interface BoxStyleProps {
     p?: SpacingKey;
@@ -27,13 +27,13 @@ export interface BoxStyleProps {
     wrap?: boolean;
     flex?: number;
     alignSelf?: Align;
-    bg?: ColorToken;
+    background?: ColorToken;
     radius?: RadiusKey;
     borderWidth?: BorderWidthInput;
     borderColor?: ColorToken;
     /**
      * Drop-shadow depth — platform-aware shadow plus Android elevation. A shadow
-     * only renders over a non-transparent `bg`.
+     * only renders over a non-transparent `background`.
      */
     elevation?: ElevationKey;
 }

package/lib/typescript/src/components/box/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/box/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,SAAS,EACT,UAAU,EACV,UAAU,EACX,MAAM,cAAc,CAAC;AAGtB,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AACxE,MAAM,MAAM,OAAO,GACf,OAAO,GACP,QAAQ,GACR,KAAK,GACL,SAAS,GACT,QAAQ,GACR,QAAQ,CAAC;AACb,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,UAAU,CAAC;AAKnD,kDAAkD;AAClD,MAAM,WAAW,aAAa;IAE5B,CAAC,CAAC,EAAE,UAAU,CAAC;IACf,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,CAAC,CAAC,EAAE,UAAU,CAAC;IACf,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,GAAG,CAAC,EAAE,UAAU,CAAC;IAEjB,sEAAsE;IACtE,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,CAAC;IAElB,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B;AAwBD,2EAA2E;AAC3E,wBAAgB,eAAe,CAC7B,KAAK,EAAE,aAAa,EACpB,KAAK,EAAE,UAAU,GAChB,SAAS,CAyEX;AAED,gFAAgF;AAChF,eAAO,MAAM,mBAAmB,EAAE,SAAS,CAAC,MAAM,aAAa,CAAC,EA2B/D,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/box/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAGhG,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AACxE,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACnF,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,UAAU,CAAC;AAKnD,kDAAkD;AAClD,MAAM,WAAW,aAAa;IAE5B,CAAC,CAAC,EAAE,UAAU,CAAC;IACf,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,CAAC,CAAC,EAAE,UAAU,CAAC;IACf,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,GAAG,CAAC,EAAE,UAAU,CAAC;IAEjB,sEAAsE;IACtE,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,CAAC;IAElB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B;AAsBD,2EAA2E;AAC3E,wBAAgB,eAAe,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,GAAG,SAAS,CAmElF;AAED,gFAAgF;AAChF,eAAO,MAAM,mBAAmB,EAAE,SAAS,CAAC,MAAM,aAAa,CAAC,EA2B/D,CAAC"}

package/lib/typescript/src/components/button/Button.d.ts

@@ -1,10 +1,10 @@
-import { type ReactNode } from 'react';
-import type { PressableProps } from 'react-native';
-import type { ColorToken, TerraIconName } from '../../theme/types';
-export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
-export type ButtonSize = 'sm' | 'md' | 'lg';
-export type ButtonRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
-export interface ButtonProps extends Omit<PressableProps, 'style' | 'children' | 'disabled'> {
+import { type ReactNode } from "react";
+import type { PressableProps } from "react-native";
+import type { ColorToken, TerraIconName } from "../../theme/types";
+export type ButtonVariant = "primary" | "secondary" | "outline" | "ghost" | "danger";
+export type ButtonSize = "sm" | "md" | "lg";
+export type ButtonRadius = "none" | "sm" | "md" | "lg" | "xl" | "full";
+export interface ButtonProps extends Omit<PressableProps, "style" | "children" | "disabled"> {
     variant?: ButtonVariant;
     size?: ButtonSize;
     radius?: ButtonRadius;
@@ -19,6 +19,13 @@ export interface ButtonProps extends Omit<PressableProps, 'style' | 'children' |
     fullWidth?: boolean;
     /** Remove the button's built-in horizontal padding. */
     compact?: boolean;
+    /**
+     * Overrides the variant's resolved background color (theme token or raw
+     * CSS color). The label/icon/spinner foreground automatically switches to
+     * whichever of light or dark is legible against it. `border`/`borderWidth`
+     * still come from `variant`.
+     */
+    background?: ColorToken | (string & {});
     children?: ReactNode;
 }
 interface ButtonContextValue {
@@ -35,7 +42,7 @@ export interface ButtonIconProps {
     color?: ColorToken;
     strokeWidth?: number;
 }
-declare const ButtonIcon: ({ name, size: sizeProp, color: colorProp, strokeWidth, }: ButtonIconProps) => import("react").JSX.Element;
+declare const ButtonIcon: ({ name, size: sizeProp, color: colorProp, strokeWidth }: ButtonIconProps) => import("react").JSX.Element;
 declare const ButtonRoot: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<import("react-native/types_generated/src/private/webapis/dom/nodes/ReactNativeElement").default>>;
 type ButtonComponent = typeof ButtonRoot & {
     Icon: typeof ButtonIcon;

package/lib/typescript/src/components/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAMnD,OAAO,KAAK,EACV,UAAU,EAEV,aAAa,EAGd,MAAM,cAAc,CAAC;AAMtB,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,SAAS,GACT,OAAO,GACP,QAAQ,CAAC;AACb,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEvE,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;IAC/D,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAID,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;CAClB;AAOD,eAAO,MAAM,gBAAgB,QAAO,kBACT,CAAC;AAmE5B,QAAA,MAAM,WAAW,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,gCAYzD,CAAC;AAUF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,GAAI,0DAKjB,eAAe,gCAWjB,CAAC;AAkBF,QAAA,MAAM,UAAU,yLA2Df,CAAC;AAEF,KAAK,eAAe,GAAG,OAAO,UAAU,GAAG;IACzC,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAiB,eAAe,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0D,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAC3G,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAMnD,OAAO,KAAK,EAAE,UAAU,EAAmB,aAAa,EAA2B,MAAM,cAAc,CAAC;AAOxG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AACrF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEvE,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;IAC1F,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAID,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;CAClB;AAOD,eAAO,MAAM,gBAAgB,QAAO,kBAA+C,CAAC;AAmEpF,QAAA,MAAM,WAAW,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,gCAQzD,CAAC;AAUF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,GAAI,yDAAyD,eAAe,gCAW3F,CAAC;AAgBF,QAAA,MAAM,UAAU,yLAyDd,CAAC;AAEH,KAAK,eAAe,GAAG,OAAO,UAAU,GAAG;IACzC,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAiB,eAAe,CAAC"}

package/lib/typescript/src/components/button/index.d.ts

@@ -1,3 +1,3 @@
-export type { ButtonIconProps, ButtonProps, ButtonRadius, ButtonSize, ButtonVariant, } from './Button.js';
-export { Button, useButtonContext } from './Button.js';
+export type { ButtonIconProps, ButtonProps, ButtonRadius, ButtonSize, ButtonVariant, } from "./Button.js";
+export { Button, useButtonContext } from "./Button.js";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/chip/Chip.d.ts

@@ -1,14 +1,14 @@
-import { type ReactNode } from 'react';
-import { type ViewProps } from 'react-native';
-import type { ColorToken, TerraIconName } from '../../theme/types';
-import type { ChipColor, ChipSize, ChipVariant } from './types.js';
+import { type ReactNode } from "react";
+import { type ViewProps } from "react-native";
+import type { ColorToken, TerraIconName } from "../../theme/types";
+import type { ChipColor, ChipSize, ChipVariant } from "./types.js";
 export interface ChipProps extends ViewProps {
     size?: ChipSize;
     variant?: ChipVariant;
     color?: ChipColor;
     children?: ReactNode;
 }
-export interface ChipIconProps extends Omit<ViewProps, 'children'> {
+export interface ChipIconProps extends Omit<ViewProps, "children"> {
     name: TerraIconName;
     size?: number;
     color?: ColorToken;

package/lib/typescript/src/components/chip/Chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAQpE,OAAO,KAAK,EAAE,UAAU,EAAmB,aAAa,EAAE,MAAM,cAAc,CAAC;AAK/E,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAS,CAAC;AAGhE,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAqID,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,QAAQ,GAAI,8DAOf,aAAa,gCAaf,CAAC;AAgBF,QAAA,MAAM,QAAQ,uLAyCZ,CAAC;AAEH,KAAK,aAAa,GAAG,OAAO,QAAQ,GAAG;IACrC,IAAI,EAAE,OAAO,QAAQ,CAAC;CACvB,CAAC;AAiBF,eAAO,MAAM,IAAI,EAA8B,aAAa,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0D,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAC3G,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAE,UAAU,EAAmB,aAAa,EAAE,MAAM,cAAc,CAAC;AAI/E,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAS,CAAC;AAGhE,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA6HD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,QAAQ,GAAI,8DAA8D,aAAa,gCAa5F,CAAC;AAgBF,QAAA,MAAM,QAAQ,uLAgCZ,CAAC;AAEH,KAAK,aAAa,GAAG,OAAO,QAAQ,GAAG;IACrC,IAAI,EAAE,OAAO,QAAQ,CAAC;CACvB,CAAC;AAiBF,eAAO,MAAM,IAAI,EAA8B,aAAa,CAAC"}

package/lib/typescript/src/components/chip/index.d.ts

@@ -1,4 +1,4 @@
-export type { ChipIconProps, ChipProps } from './Chip.js';
-export { Chip } from './Chip.js';
-export type { ChipColor, ChipSize, ChipVariant } from './types.js';
+export type { ChipIconProps, ChipProps } from "./Chip.js";
+export { Chip } from "./Chip.js";
+export type { ChipColor, ChipSize, ChipVariant } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/chip/types.d.ts

@@ -1,8 +1,8 @@
-export type ChipSize = 'sm' | 'md' | 'lg';
-export type ChipVariant = 'solid' | 'soft' | 'outline' | 'ghost';
+export type ChipSize = "sm" | "md" | "lg";
+export type ChipVariant = "solid" | "soft" | "outline" | "ghost";
 /**
  * Semantic color scheme, or a raw CSS color literal (`#fff`, `rgb(...)`, `hsl(...)`).
  * Has no effect when `variant="ghost"` — ghost always renders `text.default`.
  */
-export type ChipColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | (string & {});
+export type ChipColor = "primary" | "secondary" | "success" | "warning" | "danger" | (string & {});
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/chip/utils.d.ts

@@ -4,5 +4,5 @@ export interface CustomChipColors {
     borderWidth: number;
     fg: string;
 }
-export declare function getCustomColorColors(literal: string, variant: 'solid' | 'soft' | 'outline'): CustomChipColors;
+export declare function getCustomColorColors(literal: string, variant: "solid" | "soft" | "outline"): CustomChipColors;
 //# sourceMappingURL=utils.d.ts.map

package/lib/typescript/src/components/empty-state/EmptyState.d.ts

@@ -1,8 +1,8 @@
-import { type ReactNode } from 'react';
-import { type ViewProps } from 'react-native';
-import type { ColorToken, TerraIconName } from '../../theme/types';
-import type { EmptyStateSize } from './types.js';
-export interface EmptyStateProps extends Omit<ViewProps, 'children'> {
+import { type ReactNode } from "react";
+import { type ViewProps } from "react-native";
+import type { ColorToken, TerraIconName } from "../../theme/types";
+import type { EmptyStateSize } from "./types.js";
+export interface EmptyStateProps extends Omit<ViewProps, "children"> {
     /** Icon rendered in the circular badge above the title. */
     icon?: TerraIconName;
     /** Icon tint. Defaults to `text.subtle`. */

package/lib/typescript/src/components/empty-state/EmptyState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../../src/components/empty-state/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAe,MAAM,cAAc,CAAC;AAI3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAS,CAAC;AAE9C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAClE,2DAA2D;IAC3D,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qEAAqE;IACrE,KAAK,EAAE,SAAS,CAAC;IACjB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mEAAmE;IACnE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAkCD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,6LAmDrB,CAAC"}
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../../src/components/empty-state/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAe,MAAM,cAAc,CAAC;AAG3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAS,CAAC;AAE9C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAClE,2DAA2D;IAC3D,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qEAAqE;IACrE,KAAK,EAAE,SAAS,CAAC;IACjB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mEAAmE;IACnE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AA0BD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,6LA4CrB,CAAC"}

package/lib/typescript/src/components/empty-state/index.d.ts

@@ -1,4 +1,4 @@
-export type { EmptyStateProps } from './EmptyState.js';
-export { EmptyState } from './EmptyState.js';
-export type { EmptyStateSize } from './types.js';
+export type { EmptyStateProps } from "./EmptyState.js";
+export { EmptyState } from "./EmptyState.js";
+export type { EmptyStateSize } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/empty-state/types.d.ts

@@ -2,5 +2,5 @@
  * Overall scale of an empty state — drives the icon size, the typography of the
  * title/description, and the spacing between them.
  */
-export type EmptyStateSize = 'sm' | 'md' | 'lg';
+export type EmptyStateSize = "sm" | "md" | "lg";
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/header/Header.d.ts

@@ -1,5 +1,5 @@
-import { LargeTitleHeader } from './variants/LargeTitleHeader/index.js';
-import { TitleHeader } from './variants/TitleHeader/index.js';
+import { LargeTitleHeader } from "./variants/LargeTitleHeader/index.js";
+import { TitleHeader } from "./variants/TitleHeader/index.js";
 /**
  * Composite header namespace.
  *

package/lib/typescript/src/components/header/header-buttons.d.ts

@@ -1,4 +1,4 @@
-import { type ToolbarButtonProps } from '../toolbar/index.js';
+import { type ToolbarButtonProps } from "../toolbar/index.js";
 /**
  * @deprecated Use {@link Toolbar.Button}. `HeaderButton` is an alias kept for
  * compatibility and renders identically; `Toolbar.Button` additionally goes
@@ -25,7 +25,7 @@ export type HeaderButtonProps = ToolbarButtonProps;
  * ```
  */
 export declare const HeaderButton: typeof import("../toolbar/Toolbar.js").ToolbarButton;
-export type HeaderDismissAction = 'back' | 'close' | 'none';
+export type HeaderDismissAction = "back" | "close" | "none";
 export interface HeaderDismissNavigation {
     canGoBack?: () => boolean;
     goBack?: () => void;
@@ -39,5 +39,5 @@ export interface HeaderDismissProps {
     /** Optional navigation object, usually from `useNavigation()`. */
     navigation?: HeaderDismissNavigation;
 }
-export declare function HeaderDismissButton({ dismissAction, navigation, onDismiss, }: HeaderDismissProps): import("react").JSX.Element | null;
+export declare function HeaderDismissButton({ dismissAction, navigation, onDismiss }: HeaderDismissProps): import("react").JSX.Element | null;
 //# sourceMappingURL=header-buttons.d.ts.map

package/lib/typescript/src/components/header/header-buttons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header-buttons.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/header-buttons.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAW,KAAK,kBAAkB,EAAE,MAAM,qBAAY,CAAC;AAE9D;;;;;GAKG;AACH,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAAC;AAEnD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,YAAY,sDAAiB,CAAC;AAE3C,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5D,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,0EAA0E;IAC1E,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,kEAAkE;IAClE,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC;AAWD,wBAAgB,mBAAmB,CAAC,EAClC,aAAsB,EACtB,UAAU,EACV,SAAS,GACV,EAAE,kBAAkB,sCA4BpB"}
+{"version":3,"file":"header-buttons.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/header-buttons.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,kBAAkB,EAAE,MAAM,qBAAY,CAAC;AAE9D;;;;;GAKG;AACH,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAAC;AAEnD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,YAAY,sDAAiB,CAAC;AAE3C,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5D,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,0EAA0E;IAC1E,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,kEAAkE;IAClE,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC;AAQD,wBAAgB,mBAAmB,CAAC,EAAE,aAAsB,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,kBAAkB,sCA4BxG"}

package/lib/typescript/src/components/header/index.d.ts

@@ -1,7 +1,7 @@
-export { Header } from './Header.js';
-export { HeaderButton, type HeaderButtonProps, type HeaderDismissAction, HeaderDismissButton, type HeaderDismissNavigation, type HeaderDismissProps, } from './header-buttons.js';
-export type { LargeTitleHeaderProps } from './variants/LargeTitleHeader/index.js';
-export { LargeTitleHeader } from './variants/LargeTitleHeader/index.js';
-export type { TitleHeaderProps } from './variants/TitleHeader/index.js';
-export { TitleHeader } from './variants/TitleHeader/index.js';
+export { Header } from "./Header.js";
+export { HeaderButton, type HeaderButtonProps, type HeaderDismissAction, HeaderDismissButton, type HeaderDismissNavigation, type HeaderDismissProps, } from "./header-buttons.js";
+export type { LargeTitleHeaderProps } from "./variants/LargeTitleHeader/index.js";
+export { LargeTitleHeader } from "./variants/LargeTitleHeader/index.js";
+export type { TitleHeaderProps } from "./variants/TitleHeader/index.js";
+export { TitleHeader } from "./variants/TitleHeader/index.js";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/header/parts/HeaderGradientOverlay.d.ts

@@ -1,7 +1,24 @@
+/**
+ * How far the overlay extends below the bar's bottom edge, in dp.
+ *
+ * The fade needs more room than the bar alone can give it: confined to the bar,
+ * the curve has to be steep enough to read as a band. Overhanging lets the tail
+ * finish in open space, so the header releases content instead of cutting it.
+ */
+export declare const HEADER_FADE_EXTENT = 22;
 export interface HeaderGradientOverlayProps {
-    /** Fill color, fading from fully opaque to 90% opacity along the gradient. */
+    /** Fill color, fading to fully transparent along the overlay. */
     color: string;
 }
-/** Vertical fade-out overlay behind header content, shared by header variants. */
+/**
+ * Vertical fade-out overlay behind header content, shared by header variants.
+ *
+ * Reaches zero rather than stopping short. An overlay ending at partial opacity
+ * leaves a hard step wherever it is clipped, and that step is far more visible
+ * than the fade it was meant to hide — it is what cuts content off square as it
+ * scrolls under the header.
+ *
+ * Callers size it to overhang the bar by {@link HEADER_FADE_EXTENT}.
+ */
 export declare function HeaderGradientOverlay({ color }: HeaderGradientOverlayProps): import("react").JSX.Element;
 //# sourceMappingURL=HeaderGradientOverlay.d.ts.map

package/lib/typescript/src/components/header/parts/HeaderGradientOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderGradientOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/header/parts/HeaderGradientOverlay.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,0BAA0B;IACzC,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAC;CACf;AAED,kFAAkF;AAClF,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,0BAA0B,+BAc1E"}
+{"version":3,"file":"HeaderGradientOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/header/parts/HeaderGradientOverlay.tsx"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAqDrC,MAAM,WAAW,0BAA0B;IACzC,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,0BAA0B,+BAe1E"}

package/lib/typescript/src/components/header/variants/LargeTitleHeader/index.d.ts

@@ -1,4 +1,4 @@
-import type { TitleHeaderProps } from '../TitleHeader/index.js';
+import type { TitleHeaderProps } from "../TitleHeader/index.js";
 export interface LargeTitleHeaderProps extends TitleHeaderProps {
     /** Optional small line shown above the large title. */
     overline?: string;

package/lib/typescript/src/components/header/variants/LargeTitleHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/LargeTitleHeader/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAgB,CAAC;AASvD,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAwED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,aAAsB,EACtB,UAAU,EACV,SAAS,EACT,cAAyB,EACzB,kBAA0B,EAC1B,EAAsB,GACvB,EAAE,qBAAqB,+BAqIvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/LargeTitleHeader/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAgB,CAAC;AASvD,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AA0DD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,aAAsB,EACtB,UAAU,EACV,SAAS,EACT,cAAyB,EACzB,kBAA0B,EAC1B,EAAiB,GAClB,EAAE,qBAAqB,+BAuGvB"}

package/lib/typescript/src/components/header/variants/TitleHeader/index.d.ts

@@ -1,6 +1,6 @@
-import type { ReactNode } from 'react';
-import type { ColorToken } from '../../../../theme/types';
-import { type HeaderDismissProps } from '../../header-buttons.js';
+import type { ReactNode } from "react";
+import type { ColorToken } from "../../../../theme/types";
+import { type HeaderDismissProps } from "../../header-buttons.js";
 export interface TitleHeaderProps extends HeaderDismissProps {
     title?: string;
     /**
@@ -14,7 +14,7 @@ export interface TitleHeaderProps extends HeaderDismissProps {
      */
     RightToolbar?: ReactNode;
     /** Title placement within the bar. Defaults to `'center'`. */
-    titleAlignment?: 'center' | 'left';
+    titleAlignment?: "center" | "left";
     /** Background color token. Defaults to `surface.default`. */
     bg?: ColorToken;
 }

package/lib/typescript/src/components/header/variants/TitleHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/TitleHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,yBAAsB,CAAC;AAG9B,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACnC,6DAA6D;IAC7D,EAAE,CAAC,EAAE,UAAU,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,YAAY,EACZ,aAAsB,EACtB,UAAU,EACV,SAAS,EACT,cAAyB,EACzB,EAAsB,GACvB,EAAE,gBAAgB,+BA2DlB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/TitleHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI/C,OAAO,EAAuB,KAAK,kBAAkB,EAAE,MAAM,yBAAsB,CAAC;AAGpF,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACnC,6DAA6D;IAC7D,EAAE,CAAC,EAAE,UAAU,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,YAAY,EACZ,aAAsB,EACtB,UAAU,EACV,SAAS,EACT,cAAyB,EACzB,EAAiB,GAClB,EAAE,gBAAgB,+BA6ClB"}

package/lib/typescript/src/components/icon/Icon.d.ts

@@ -1,6 +1,6 @@
-import { type ViewProps } from 'react-native';
-import type { ColorToken, TerraIconName } from '../../theme/types';
-export interface IconProps extends Omit<ViewProps, 'children'> {
+import { type ViewProps } from "react-native";
+import type { ColorToken, TerraIconName } from "../../theme/types";
+export interface IconProps extends Omit<ViewProps, "children"> {
     /** Semantic or configured icon name from the theme registry. */
     name: TerraIconName;
     /** Icon size in density-independent pixels. Defaults to `20`. */