react-native-terra-ui 0.5.0 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # Changelog
 
+## [0.6.0](https://github.com/earthlin9/react-native-terra-ui/compare/v0.5.1...v0.6.0) (2026-09-03)
+
+### ⚠ BREAKING CHANGES
+
+* **ui:** Box's `bg` style-prop is renamed to `background` for
+  clarity and consistency with the rest of the token-prop API. Surface
+  (built on Box) and the showcase screens that used `bg` are updated to
+  match.
+* **ui:** Button's sm/md/lg sizes now set a fixed `height`
+  (36/44/52) instead of `minHeight`, so content taller than that height
+  is clipped/centered instead of growing the button. `compact` continues
+  to opt out of the fixed height.
+
+  Also adds a `background` prop that overrides the variant's resolved
+  background color (theme token or raw CSS literal); the label/icon/
+  spinner foreground auto-picks light or dark for contrast. `border`/
+  `borderWidth` still come from `variant`.
+* **ui:** Screen's `bg` prop is renamed to `background`,
+  matching Box's rename for consistency across the library's color-prop
+  naming.
+
+### Features
+
+* **ui:** fixed button height, background override, bg→background rename ([#13](https://github.com/earthlin9/react-native-terra-ui/issues/13)) ([22df267](https://github.com/earthlin9/react-native-terra-ui/commit/22df2674bacc6f03f92bb2945894e566f6f1673f))
+
+## [0.5.1](https://github.com/earthlin9/react-native-terra-ui/compare/v0.5.0...v0.5.1) (2026-08-30)
+
+### Bug Fixes
+
+* **ui:** [image] default placeholderContentFit to contentFit, add recyclingKey ([da5a6df](https://github.com/earthlin9/react-native-terra-ui/commit/da5a6df2bd62e99436aa2315aaa8a02117af7d25))
+
 ## [0.5.0](https://github.com/earthlin9/react-native-terra-ui/compare/v0.4.1...v0.5.0) (2026-08-29)
 
 ### ⚠ BREAKING CHANGES

package/lib/module/components/avatar/Avatar.js

@@ -2,8 +2,8 @@
 
 import { View } from "react-native-unistyles/components/native/View";
 import { Text } from "react-native-unistyles/components/native/Text";
-import { useState } from 'react';
-import { StyleSheet, useUnistyles } from 'react-native-unistyles';
+import { useState } from "react";
+import { StyleSheet, useUnistyles } from "react-native-unistyles";
 import { Icon } from "../icon/index.js";
 import { Image } from "../image/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -23,13 +23,13 @@ const INITIALS_FONT_SIZE = {
 };
 function getInitials(name) {
   const parts = name.trim().split(/\s+/);
-  const first = parts[0]?.[0] ?? '';
-  const last = parts.length > 1 ? parts[parts.length - 1]?.[0] ?? '' : '';
+  const first = parts[0]?.[0] ?? "";
+  const last = parts.length > 1 ? parts[parts.length - 1]?.[0] ?? "" : "";
   return (first + last).toUpperCase();
 }
 function getBorderRadius(shape, sizePx, radiusMd) {
-  if (shape === 'circle') return sizePx / 2;
-  if (shape === 'rounded') return radiusMd;
+  if (shape === "circle") return sizePx / 2;
+  if (shape === "rounded") return radiusMd;
   return 0;
 }
 
@@ -38,19 +38,19 @@ function getBorderRadius(shape, sizePx, radiusMd) {
 // `'full'` (theme.radius.full) clamps to a circle at any size, same as the
 // container's computed `sizePx / 2`.
 function getImageRadius(shape) {
-  if (shape === 'circle') return 'full';
-  if (shape === 'rounded') return 'md';
-  return 'none';
+  if (shape === "circle") return "full";
+  if (shape === "rounded") return "md";
+  return "none";
 }
 export function Avatar({
-  size = 'md',
-  shape = 'circle',
+  size = "md",
+  shape = "circle",
   source,
   name,
   fallback,
-  contentFit = 'cover',
-  color = 'secondary',
-  variant = 'solid',
+  contentFit = "cover",
+  color = "secondary",
+  variant = "solid",
   style,
   ...rest
 }) {
@@ -67,12 +67,12 @@ export function Avatar({
     const sizePx = SIZE_PX[size];
     const borderRadius = getBorderRadius(shape, sizePx, theme.radius.md);
     const showFallback = !source || hasError;
-    const bg = styles.base.backgroundColor ?? '';
-    const fg = styles.base.color ?? '';
+    const bg = styles.base.backgroundColor ?? "";
+    const fg = styles.base.color ?? "";
     const fallbackContent = fallback !== undefined ? fallback : name ? /*#__PURE__*/_jsx(Text, {
       style: {
         fontSize: INITIALS_FONT_SIZE[size],
-        fontWeight: '600',
+        fontWeight: "600",
         color: fg,
         includeFontPadding: false
       },
@@ -90,9 +90,9 @@ export function Avatar({
         height: sizePx,
         borderRadius,
         backgroundColor: bg,
-        alignItems: 'center',
-        justifyContent: 'center',
-        overflow: 'hidden'
+        alignItems: "center",
+        justifyContent: "center",
+        overflow: "hidden"
       }, style],
       children: showFallback ? fallbackContent : /*#__PURE__*/_jsx(Image, {
         source: source,
@@ -132,74 +132,74 @@ const styles = StyleSheet.create(theme => {
         }
       },
       compoundVariants: [{
-        color: 'secondary',
-        variant: 'solid',
+        color: "secondary",
+        variant: "solid",
         styles: {
-          backgroundColor: c['action.bg.secondary'],
-          color: c['action.fg.secondary']
+          backgroundColor: c["action.bg.secondary"],
+          color: c["action.fg.secondary"]
         }
       }, {
-        color: 'secondary',
-        variant: 'soft',
+        color: "secondary",
+        variant: "soft",
         styles: {
-          backgroundColor: c['action.bg.secondary.subtle'],
-          color: c['action.fg.secondary.subtle']
+          backgroundColor: c["action.bg.secondary.subtle"],
+          color: c["action.fg.secondary.subtle"]
         }
       }, {
-        color: 'primary',
-        variant: 'solid',
+        color: "primary",
+        variant: "solid",
         styles: {
-          backgroundColor: c['action.bg.primary'],
-          color: c['action.fg.primary']
+          backgroundColor: c["action.bg.primary"],
+          color: c["action.fg.primary"]
         }
       }, {
-        color: 'primary',
-        variant: 'soft',
+        color: "primary",
+        variant: "soft",
         styles: {
-          backgroundColor: c['action.bg.primary.subtle'],
-          color: c['action.fg.primary.subtle']
+          backgroundColor: c["action.bg.primary.subtle"],
+          color: c["action.fg.primary.subtle"]
         }
       }, {
-        color: 'success',
-        variant: 'solid',
+        color: "success",
+        variant: "solid",
         styles: {
-          backgroundColor: c['status.success.bg'],
-          color: c['status.success.fg']
+          backgroundColor: c["status.success.bg"],
+          color: c["status.success.fg"]
         }
       }, {
-        color: 'success',
-        variant: 'soft',
+        color: "success",
+        variant: "soft",
         styles: {
-          backgroundColor: c['status.success.bg.subtle'],
-          color: c['status.success.fg.subtle']
+          backgroundColor: c["status.success.bg.subtle"],
+          color: c["status.success.fg.subtle"]
         }
       }, {
-        color: 'warning',
-        variant: 'solid',
+        color: "warning",
+        variant: "solid",
         styles: {
-          backgroundColor: c['status.warning.bg'],
-          color: c['status.warning.fg']
+          backgroundColor: c["status.warning.bg"],
+          color: c["status.warning.fg"]
         }
       }, {
-        color: 'warning',
-        variant: 'soft',
+        color: "warning",
+        variant: "soft",
         styles: {
-          backgroundColor: c['status.warning.bg.subtle'],
-          color: c['status.warning.fg.subtle']
+          backgroundColor: c["status.warning.bg.subtle"],
+          color: c["status.warning.fg.subtle"]
         }
       }, {
-        color: 'danger',
-        variant: 'solid',
+        color: "danger",
+        variant: "solid",
         styles: {
-          backgroundColor: c['status.danger.bg'],
-          color: c['status.danger.fg']
+          backgroundColor: c["status.danger.bg"],
+          color: c["status.danger.fg"]
         }
       }, {
-        color: 'danger',
-        variant: 'soft',
+        color: "danger",
+        variant: "soft",
         styles: {
-          backgroundColor: c['status.danger.bg.subtle'],
-          color: c['status.danger.fg.subtle']
+          backgroundColor: c["status.danger.bg.subtle"],
+          color: c["status.danger.fg.subtle"]
         }
       }],
       uni__dependencies: [4]

package/lib/module/components/avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","StyleSheet","useUnistyles","Icon","Image","jsx","_jsx","SIZE_PX","xs","sm","md","lg","xl","INITIALS_FONT_SIZE","getInitials","name","parts","trim","split","first","last","length","toUpperCase","getBorderRadius","shape","sizePx","radiusMd","getImageRadius","Avatar","size","source","fallback","contentFit","color","variant","style","rest","theme","hasError","setHasError","_styles","styles","useVariants","borderRadius","radius","showFallback","bg","base","backgroundColor","fg","fallbackContent","undefined","Text","fontSize","fontWeight","includeFontPadding","numberOfLines","children","View","width","height","alignItems","justifyContent","overflow","accessibilityLabel","onError","create","c","variants","secondary","primary","success","warning","danger","solid","soft","compoundVariants","uni__dependencies"],"sourceRoot":"../../../../src","sources":["components/avatar/Avatar.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useState","StyleSheet","useUnistyles","Icon","Image","jsx","_jsx","SIZE_PX","xs","sm","md","lg","xl","INITIALS_FONT_SIZE","getInitials","name","parts","trim","split","first","last","length","toUpperCase","getBorderRadius","shape","sizePx","radiusMd","getImageRadius","Avatar","size","source","fallback","contentFit","color","variant","style","rest","theme","hasError","setHasError","_styles","styles","useVariants","borderRadius","radius","showFallback","bg","base","backgroundColor","fg","fallbackContent","undefined","Text","fontSize","fontWeight","includeFontPadding","numberOfLines","children","View","width","height","alignItems","justifyContent","overflow","accessibilityLabel","onError","create","c","variants","secondary","primary","success","warning","danger","solid","soft","compoundVariants","uni__dependencies"],"sourceRoot":"../../../../src","sources":["components/avatar/Avatar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/box/Box.js

@@ -1,8 +1,8 @@
 "use strict";
 
 import { View } from "react-native-unistyles/components/native/View";
-import { forwardRef } from 'react';
-import { StyleSheet, useUnistyles } from 'react-native-unistyles';
+import { forwardRef } from "react";
+import { StyleSheet, useUnistyles } from "react-native-unistyles";
 import { Slot } from "../slot/index.js";
 import { BOX_STYLE_PROP_KEYS, resolveBoxStyle } from "./utils.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/lib/module/components/box/Box.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","StyleSheet","useUnistyles","Slot","BOX_STYLE_PROP_KEYS","resolveBoxStyle","jsx","_jsx","STYLE_KEYS","Set","Box","asChild","style","children","rest","ref","theme","styleProps","viewProps","key","Object","keys","value","has","mergedStyle","styles","root","ownerName","slotProps","View","create"],"sourceRoot":"../../../../src","sources":["components/box/Box.tsx"],"mappings":";;;AAAA,SAA4BA,UAAU,QAAQ,OAAO;AAGrD,SAASC,UAAU,EAAEC,YAAY,QAAQ,wBAAwB;AAEjE,SAASC,IAAI;AACb,SACEC,mBAAmB,EAEnBC,eAAe;AACA,SAAAC,GAAA,IAAAC,IAAA;AAOjB,MAAMC,UAAU,GAAG,IAAIC,GAAG,CAASL,mBAAwC,CAAC;;AAE5E;AACA;AACA;AACA;AACA,OAAO,MAAMM,GAAG,gBAAGV,UAAU,CAAsC,SAASU,GAAGA,CAC7E;EAAEC,OAAO;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAC,EACrCC,GAAG,EACH;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGd,YAAY,CAAC,CAAC;EAEhC,MAAMe,UAAmC,GAAG,CAAC,CAAC;EAC9C,MAAMC,SAAkC,GAAG,CAAC,CAAC;EAC7C,KAAK,MAAMC,GAAG,IAAIC,MAAM,CAACC,IAAI,CAACP,IAAI,CAAC,EAAE;IACnC,MAAMQ,KAAK,GAAIR,IAAI,CAA6BK,GAAG,CAAC;IACpD,IAAIX,UAAU,CAACe,GAAG,CAACJ,GAAG,CAAC,EAAEF,UAAU,CAACE,GAAG,CAAC,GAAGG,KAAK,CAAC,KAC5CJ,SAAS,CAACC,GAAG,CAAC,GAAGG,KAAK;EAC7B;EAEA,MAAME,WAAW,GAAG,CAClBC,MAAM,CAACC,IAAI,EACXrB,eAAe,CAACY,UAAU,EAAmBD,KAAK,CAAC,EACnDJ,KAAK,CACN;EAED,IAAID,OAAO,EAAE;IACX,oBACEJ,IAAA,CAACJ,IAAI;MACHwB,SAAS,EAAC,KAAK;MACfC,SAAS,EAAE;QAAE,GAAGV,SAAS;QAAEN,KAAK,EAAEY,WAAW;QAAET;MAAI,CAAE;MAAAF,QAAA,EAEpDA;IAAQ,CACL,CAAC;EAEX;EAEA,oBACEN,IAAA,CAACsB,IAAI;IAACd,GAAG,EAAEA,GAAI;IAACH,KAAK,EAAEY,WAAY;IAAA,GAAMN,SAAS;IAAAL,QAAA,EAC/CA;EAAQ,CACL,CAAC;AAEX,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMY,MAAM,GAAGxB,UAAU,CAAC6B,MAAM,CAAC,OAAO;EAAEJ,IAAI,EAAE,CAAC;AAAE,CAAC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["forwardRef","StyleSheet","useUnistyles","Slot","BOX_STYLE_PROP_KEYS","resolveBoxStyle","jsx","_jsx","STYLE_KEYS","Set","Box","asChild","style","children","rest","ref","theme","styleProps","viewProps","key","Object","keys","value","has","mergedStyle","styles","root","ownerName","slotProps","View","create"],"sourceRoot":"../../../../src","sources":["components/box/Box.tsx"],"mappings":";;;AAAA,SAA4BA,UAAU,QAAQ,OAAO;AAGrD,SAASC,UAAU,EAAEC,YAAY,QAAQ,wBAAwB;AAEjE,SAASC,IAAI;AACb,SAASC,mBAAmB,EAAsBC,eAAe;AAAkB,SAAAC,GAAA,IAAAC,IAAA;AAOnF,MAAMC,UAAU,GAAG,IAAIC,GAAG,CAASL,mBAAwC,CAAC;;AAE5E;AACA;AACA;AACA;AACA,OAAO,MAAMM,GAAG,gBAAGV,UAAU,CAAsC,SAASU,GAAGA,CAC7E;EAAEC,OAAO;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAC,EACrCC,GAAG,EACH;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGd,YAAY,CAAC,CAAC;EAEhC,MAAMe,UAAmC,GAAG,CAAC,CAAC;EAC9C,MAAMC,SAAkC,GAAG,CAAC,CAAC;EAC7C,KAAK,MAAMC,GAAG,IAAIC,MAAM,CAACC,IAAI,CAACP,IAAI,CAAC,EAAE;IACnC,MAAMQ,KAAK,GAAIR,IAAI,CAA6BK,GAAG,CAAC;IACpD,IAAIX,UAAU,CAACe,GAAG,CAACJ,GAAG,CAAC,EAAEF,UAAU,CAACE,GAAG,CAAC,GAAGG,KAAK,CAAC,KAC5CJ,SAAS,CAACC,GAAG,CAAC,GAAGG,KAAK;EAC7B;EAEA,MAAME,WAAW,GAAG,CAACC,MAAM,CAACC,IAAI,EAAErB,eAAe,CAACY,UAAU,EAAmBD,KAAK,CAAC,EAAEJ,KAAK,CAAC;EAE7F,IAAID,OAAO,EAAE;IACX,oBACEJ,IAAA,CAACJ,IAAI;MAACwB,SAAS,EAAC,KAAK;MAACC,SAAS,EAAE;QAAE,GAAGV,SAAS;QAAEN,KAAK,EAAEY,WAAW;QAAET;MAAI,CAAE;MAAAF,QAAA,EACxEA;IAAQ,CACL,CAAC;EAEX;EAEA,oBACEN,IAAA,CAACsB,IAAI;IAACd,GAAG,EAAEA,GAAI;IAACH,KAAK,EAAEY,WAAY;IAAA,GAAMN,SAAS;IAAAL,QAAA,EAC/CA;EAAQ,CACL,CAAC;AAEX,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMY,MAAM,GAAGxB,UAAU,CAAC6B,MAAM,CAAC,OAAO;EAAEJ,IAAI,EAAE,CAAC;AAAE,CAAC,CAAC,CAAC","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 "use strict";
 
-import { StyleSheet } from 'react-native';
+import { StyleSheet } from "react-native";
 import { resolveThemeColor } from "../../utils/resolve-theme-color.js";
 
 /** Strips `readonly` so the style object can be built by mutation. */
@@ -8,19 +8,19 @@ import { resolveThemeColor } from "../../utils/resolve-theme-color.js";
 /** Token-driven style props accepted by `Box`. */
 
 const ALIGN_MAP = {
-  start: 'flex-start',
-  center: 'center',
-  end: 'flex-end',
-  stretch: 'stretch',
-  baseline: 'baseline'
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  stretch: "stretch",
+  baseline: "baseline"
 };
 const JUSTIFY_MAP = {
-  start: 'flex-start',
-  center: 'center',
-  end: 'flex-end',
-  between: 'space-between',
-  around: 'space-around',
-  evenly: 'space-evenly'
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  between: "space-between",
+  around: "space-around",
+  evenly: "space-evenly"
 };
 const space = (theme, key) => key === undefined ? undefined : theme.spacing[key];
 
@@ -65,23 +65,23 @@ export function resolveBoxStyle(props, theme) {
   if (gap !== undefined) style.gap = gap;
 
   // Layout
-  if (props.row !== undefined) style.flexDirection = props.row ? 'row' : 'column';
+  if (props.row !== undefined) style.flexDirection = props.row ? "row" : "column";
   if (props.align !== undefined) style.alignItems = ALIGN_MAP[props.align];
   if (props.justify !== undefined) {
     style.justifyContent = JUSTIFY_MAP[props.justify];
   }
-  if (props.wrap !== undefined) style.flexWrap = props.wrap ? 'wrap' : 'nowrap';
+  if (props.wrap !== undefined) style.flexWrap = props.wrap ? "wrap" : "nowrap";
   if (props.flex !== undefined) style.flex = props.flex;
   if (props.alignSelf !== undefined) style.alignSelf = ALIGN_MAP[props.alignSelf];
 
   // Visual
-  if (props.bg !== undefined) {
-    const bg = resolveThemeColor(props.bg, theme);
-    if (bg !== undefined) style.backgroundColor = bg;
+  if (props.background !== undefined) {
+    const background = resolveThemeColor(props.background, theme);
+    if (background !== undefined) style.backgroundColor = background;
   }
   if (props.radius !== undefined) style.borderRadius = theme.radius[props.radius];
   if (props.borderWidth !== undefined) {
-    style.borderWidth = props.borderWidth === 'hairline' ? StyleSheet.hairlineWidth : props.borderWidth;
+    style.borderWidth = props.borderWidth === "hairline" ? StyleSheet.hairlineWidth : props.borderWidth;
   }
   if (props.borderColor !== undefined) {
     const borderColor = resolveThemeColor(props.borderColor, theme);
@@ -94,5 +94,5 @@ export function resolveBoxStyle(props, theme) {
 }
 
 /** Keys of {@link BoxStyleProps}, used to split style props from view props. */
-export const BOX_STYLE_PROP_KEYS = ['p', 'px', 'py', 'pt', 'pr', 'pb', 'pl', 'm', 'mx', 'my', 'mt', 'mr', 'mb', 'ml', 'gap', 'row', 'align', 'justify', 'wrap', 'flex', 'alignSelf', 'bg', 'radius', 'borderWidth', 'borderColor', 'elevation'];
+export const BOX_STYLE_PROP_KEYS = ["p", "px", "py", "pt", "pr", "pb", "pl", "m", "mx", "my", "mt", "mr", "mb", "ml", "gap", "row", "align", "justify", "wrap", "flex", "alignSelf", "background", "radius", "borderWidth", "borderColor", "elevation"];
 //# sourceMappingURL=utils.js.map

package/lib/module/components/box/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","resolveThemeColor","ALIGN_MAP","start","center","end","stretch","baseline","JUSTIFY_MAP","between","around","evenly","space","theme","key","undefined","spacing","resolveBoxStyle","props","style","p","px","py","padding","paddingHorizontal","paddingVertical","pt","pr","pb","pl","paddingTop","paddingRight","paddingBottom","paddingLeft","m","mx","my","margin","marginHorizontal","marginVertical","mt","mr","mb","ml","marginTop","marginRight","marginBottom","marginLeft","gap","row","flexDirection","align","alignItems","justify","justifyContent","wrap","flexWrap","flex","alignSelf","bg","backgroundColor","radius","borderRadius","borderWidth","hairlineWidth","borderColor","elevation","Object","assign","BOX_STYLE_PROP_KEYS"],"sourceRoot":"../../../../src","sources":["components/box/utils.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["StyleSheet","resolveThemeColor","ALIGN_MAP","start","center","end","stretch","baseline","JUSTIFY_MAP","between","around","evenly","space","theme","key","undefined","spacing","resolveBoxStyle","props","style","p","px","py","padding","paddingHorizontal","paddingVertical","pt","pr","pb","pl","paddingTop","paddingRight","paddingBottom","paddingLeft","m","mx","my","margin","marginHorizontal","marginVertical","mt","mr","mb","ml","marginTop","marginRight","marginBottom","marginLeft","gap","row","flexDirection","align","alignItems","justify","justifyContent","wrap","flexWrap","flex","alignSelf","background","backgroundColor","radius","borderRadius","borderWidth","hairlineWidth","borderColor","elevation","Object","assign","BOX_STYLE_PROP_KEYS"],"sourceRoot":"../../../../src","sources":["components/box/utils.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/button/Button.js

@@ -1,9 +1,11 @@
 "use strict";
 
 import { Pressable } from "react-native-unistyles/components/native/Pressable";
-import { Children, createContext, forwardRef, useContext } from 'react';
-import { StyleSheet, useUnistyles } from 'react-native-unistyles';
+import { Children, createContext, forwardRef, useContext } from "react";
+import { StyleSheet, useUnistyles } from "react-native-unistyles";
 import { getDefaultRadius } from "../../theme/registry.js";
+import { readableOn } from "../../utils/color-utils.js";
+import { resolveThemeColor } from "../../utils/resolve-theme-color.js";
 import { Icon } from "../icon/index.js";
 import { Spinner } from "../spinner/index.js";
 import { Text } from "../text/index.js";
@@ -11,8 +13,8 @@ import { Text } from "../text/index.js";
 // ─── Context (lets icons/labels read the resolved foreground + size) ───────────
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ButtonContext = /*#__PURE__*/createContext({
-  color: '',
-  size: 'md'
+  color: "",
+  size: "md"
 });
 export const useButtonContext = () => useContext(ButtonContext);
 
@@ -20,42 +22,42 @@ export const useButtonContext = () => useContext(ButtonContext);
 
 function getColors(variant, theme) {
   const c = theme.color;
-  const get = key => c[key] ?? '';
+  const get = key => c[key] ?? "";
   switch (variant) {
-    case 'primary':
+    case "primary":
       return {
-        bg: get('action.bg.primary'),
-        border: get('action.bg.primary'),
+        bg: get("action.bg.primary"),
+        border: get("action.bg.primary"),
         borderWidth: 0,
-        fg: get('action.fg.primary')
+        fg: get("action.fg.primary")
       };
-    case 'secondary':
+    case "secondary":
       return {
-        bg: get('action.bg.secondary'),
-        border: get('action.bg.secondary'),
+        bg: get("action.bg.secondary"),
+        border: get("action.bg.secondary"),
         borderWidth: 0,
-        fg: get('action.fg.secondary')
+        fg: get("action.fg.secondary")
       };
-    case 'outline':
+    case "outline":
       return {
-        bg: 'transparent',
-        border: get('border.default'),
+        bg: "transparent",
+        border: get("border.default"),
         borderWidth: 1,
-        fg: get('text.default')
+        fg: get("text.default")
       };
-    case 'ghost':
+    case "ghost":
       return {
-        bg: 'transparent',
-        border: 'transparent',
+        bg: "transparent",
+        border: "transparent",
         borderWidth: 0,
-        fg: get('text.default')
+        fg: get("text.default")
       };
-    case 'danger':
+    case "danger":
       return {
-        bg: get('status.danger.bg'),
-        border: get('status.danger.bg'),
+        bg: get("status.danger.bg"),
+        border: get("status.danger.bg"),
         borderWidth: 0,
-        fg: get('status.danger.fg')
+        fg: get("status.danger.fg")
       };
   }
 }
@@ -64,16 +66,16 @@ function getColors(variant, theme) {
 
 const LABEL_TYPOGRAPHY = {
   sm: {
-    variant: 'label-md',
-    weight: 'semibold'
+    variant: "label-md",
+    weight: "semibold"
   },
   md: {
-    variant: 'label-lg',
-    weight: 'semibold'
+    variant: "label-lg",
+    weight: "semibold"
   },
   lg: {
-    variant: 'label-lg',
-    weight: 'bold'
+    variant: "label-lg",
+    weight: "bold"
   }
 };
 const ButtonLabel = ({
@@ -120,12 +122,12 @@ const ButtonIcon = ({
 };
 function renderChildren(children) {
   return Children.map(children, child => {
-    if (typeof child === 'string') {
+    if (typeof child === "string") {
       return child.trim().length > 0 ? /*#__PURE__*/_jsx(ButtonLabel, {
         children: child
       }) : null;
     }
-    if (typeof child === 'number') {
+    if (typeof child === "number") {
       return /*#__PURE__*/_jsx(ButtonLabel, {
         children: child
       });
@@ -137,14 +139,15 @@ function renderChildren(children) {
 // ─── Component ────────────────────────────────────────────────────────────────
 
 const ButtonRoot = /*#__PURE__*/forwardRef(function Button({
-  variant = 'primary',
-  size = 'md',
-  radius = getDefaultRadius('button'),
+  variant = "primary",
+  size = "md",
+  radius = getDefaultRadius("button"),
   isDisabled = false,
   isLoading = false,
   isIconOnly = false,
   fullWidth = true,
   compact = false,
+  background,
   children,
   onPress,
   ...rest
@@ -161,11 +164,14 @@ const ButtonRoot = /*#__PURE__*/forwardRef(function Button({
       iconOnly: isIconOnly
     });
     const {
-      bg,
+      bg: variantBg,
       border,
       borderWidth,
-      fg
+      fg: variantFg
     } = getColors(variant, theme);
+    const resolvedBackground = background !== undefined ? resolveThemeColor(background, theme) : undefined;
+    const bg = resolvedBackground ?? variantBg;
+    const fg = resolvedBackground !== undefined ? readableOn(resolvedBackground) : variantFg;
     const blocked = isDisabled || isLoading;
     const {
       style: externalStyle,
@@ -194,7 +200,7 @@ const ButtonRoot = /*#__PURE__*/forwardRef(function Button({
           opacity: theme.opacity.pressed
         } : null, isDisabled ? {
           opacity: theme.opacity.disabled
-        } : null, typeof externalStyle === 'function' ? externalStyle(state) : externalStyle],
+        } : null, typeof externalStyle === "function" ? externalStyle(state) : externalStyle],
         children: [isLoading && /*#__PURE__*/_jsx(Spinner, {
           size: "sm",
           color: fg
@@ -211,24 +217,24 @@ Button.Label = ButtonLabel;
 
 const styles = StyleSheet.create(theme => ({
   base: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    alignSelf: 'flex-start',
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    alignSelf: "flex-start",
     variants: {
       size: {
         sm: {
-          minHeight: 36,
+          height: 36,
           paddingHorizontal: 14,
           gap: 6
         },
         md: {
-          minHeight: 44,
+          height: 44,
           paddingHorizontal: 16,
           gap: 8
         },
         lg: {
-          minHeight: 52,
+          height: 52,
           paddingHorizontal: 20,
           gap: 8
         }
@@ -255,7 +261,7 @@ const styles = StyleSheet.create(theme => ({
       },
       fullWidth: {
         true: {
-          alignSelf: 'stretch'
+          alignSelf: "stretch"
         },
         false: {}
       },
@@ -272,7 +278,7 @@ const styles = StyleSheet.create(theme => ({
   compact: {
     paddingHorizontal: 2,
     paddingVertical: 2,
-    minHeight: 0
+    height: undefined
   }
 }));
 //# sourceMappingURL=Button.js.map