@oxyhq/bloom 0.3.4 → 0.3.6

package/lib/commonjs/button/Button.js

@@ -48,6 +48,8 @@ const ButtonComponent = ({
   textStyle,
   icon,
   iconPosition = 'left',
+  loading = false,
+  loadingColor,
   accessibilityLabel,
   accessibilityHint,
   hitSlop,
@@ -57,11 +59,12 @@ const ButtonComponent = ({
 }) => {
   const theme = (0, _useTheme.useTheme)();
   const hasScaleFeedback = SCALE_VARIANTS.has(variant);
+  const isInteractionBlocked = disabled || loading;
   const {
     scaleAnim,
     onPressIn,
     onPressOut
-  } = (0, _usePressAnimation.usePressAnimation)(hasScaleFeedback ? PRESS_SCALE : undefined);
+  } = (0, _usePressAnimation.usePressAnimation)(hasScaleFeedback && !isInteractionBlocked ? PRESS_SCALE : undefined);
   const baseStyles = (0, _react.useMemo)(() => {
     const sizeConfig = SIZE_CONFIG[size];
     const styles = {
@@ -108,68 +111,103 @@ const ButtonComponent = ({
     }
     return styles;
   }, [variant, size, theme]);
-  const computedTextStyle = (0, _react.useMemo)(() => {
-    const sizeConfig = SIZE_CONFIG[size];
-    const styles = {
-      fontSize: sizeConfig.fontSize,
-      fontWeight: _reactNative.Platform.OS === 'web' ? 'bold' : '600'
-    };
+  const resolvedTextColor = (0, _react.useMemo)(() => {
     switch (variant) {
       case 'primary':
-        styles.color = theme.colors.card;
-        break;
+        return theme.colors.card;
       case 'secondary':
-        styles.color = theme.colors.text;
-        break;
+        return theme.colors.text;
       case 'inverse':
-        styles.color = '#000000';
-        break;
+        return '#000000';
       case 'ghost':
       case 'text':
-        styles.color = theme.colors.primary;
-        break;
+        return theme.colors.primary;
+      case 'icon':
+      default:
+        return theme.colors.text;
     }
-    return styles;
-  }, [variant, size, theme]);
+  }, [variant, theme]);
+  const computedTextStyle = (0, _react.useMemo)(() => {
+    const sizeConfig = SIZE_CONFIG[size];
+    return {
+      fontSize: sizeConfig.fontSize,
+      fontWeight: _reactNative.Platform.OS === 'web' ? 'bold' : '600',
+      color: resolvedTextColor
+    };
+  }, [size, resolvedTextColor]);
   const defaultHitSlop = variant === 'icon' ? ICON_HIT_SLOP : undefined;
   const resolvedActiveOpacity = activeOpacity ?? (variant === 'icon' ? 0.7 : 0.8);
   const resolvedClassName = className ?? (variant === 'icon' ? 'bg-background border border-border' : undefined);
+  const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [iconPosition === 'left' && icon, children != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [computedTextStyle, textStyle],
+      children: children
+    }), iconPosition === 'right' && icon]
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
     style: hasScaleFeedback ? {
       transform: [{
         scale: scaleAnim
       }]
     } : undefined,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
       ...(resolvedClassName ? {
         className: resolvedClassName
       } : {}),
       style: ({
         pressed
-      }) => [baseStyles, disabled && {
+      }) => [baseStyles, disabled && !loading && {
         opacity: 0.5
-      }, pressed && !hasScaleFeedback && {
+      }, pressed && !hasScaleFeedback && !isInteractionBlocked && {
         opacity: resolvedActiveOpacity
       }, style],
-      onPress: onPress,
-      onPressIn: onPressIn,
-      onPressOut: onPressOut,
-      disabled: disabled,
+      onPress: isInteractionBlocked ? undefined : onPress,
+      onPressIn: isInteractionBlocked ? undefined : onPressIn,
+      onPressOut: isInteractionBlocked ? undefined : onPressOut,
+      disabled: isInteractionBlocked,
       hitSlop: hitSlop ?? defaultHitSlop,
       accessibilityLabel: accessibilityLabel,
       accessibilityHint: accessibilityHint,
       accessibilityRole: "button",
-      accessibilityState: {
-        disabled
+      accessibilityState: loading ? {
+        disabled: isInteractionBlocked,
+        busy: true
+      } : {
+        disabled: isInteractionBlocked
       },
       testID: testID,
-      children: [iconPosition === 'left' && icon, children != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [computedTextStyle, textStyle],
-        children: children
-      }), iconPosition === 'right' && icon]
+      children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.loadingHiddenContent,
+          importantForAccessibility: "no-hide-descendants",
+          accessibilityElementsHidden: true,
+          children: content
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.loadingOverlay,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+            size: "small",
+            color: loadingColor ?? resolvedTextColor
+          })
+        })]
+      }) : content
     })
   });
 };
+const styles = _reactNative.StyleSheet.create({
+  loadingHiddenContent: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    opacity: 0,
+    pointerEvents: 'none'
+  },
+  loadingOverlay: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    alignItems: 'center',
+    justifyContent: 'center',
+    pointerEvents: 'none'
+  }
+});
 const Button = exports.Button = /*#__PURE__*/(0, _react.memo)(ButtonComponent);
 Button.displayName = 'Button';
 const PrimaryButton = exports.PrimaryButton = /*#__PURE__*/(0, _react.memo)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, {

package/lib/commonjs/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useTheme","_usePressAnimation","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SIZE_CONFIG","small","paddingVertical","paddingHorizontal","fontSize","minHeight","medium","large","ICON_HIT_SLOP","top","bottom","left","right","PRESS_SCALE","SCALE_VARIANTS","Set","ButtonComponent","onPress","children","disabled","variant","size","style","textStyle","icon","iconPosition","accessibilityLabel","accessibilityHint","hitSlop","activeOpacity","testID","className","theme","useTheme","hasScaleFeedback","scaleAnim","onPressIn","onPressOut","usePressAnimation","undefined","baseStyles","useMemo","sizeConfig","styles","alignItems","justifyContent","flexDirection","overflow","backgroundColor","colors","primary","borderRadius","borderWidth","borderColor","border","padding","width","height","computedTextStyle","fontWeight","Platform","OS","color","card","text","defaultHitSlop","resolvedActiveOpacity","resolvedClassName","jsx","Animated","View","transform","scale","jsxs","Pressable","pressed","opacity","accessibilityRole","accessibilityState","Text","Button","exports","memo","displayName","PrimaryButton","props","SecondaryButton","IconButton","GhostButton","InverseButton","TextButton"],"sourceRoot":"../../../src","sources":["button/Button.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useTheme","_usePressAnimation","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SIZE_CONFIG","small","paddingVertical","paddingHorizontal","fontSize","minHeight","medium","large","ICON_HIT_SLOP","top","bottom","left","right","PRESS_SCALE","SCALE_VARIANTS","Set","ButtonComponent","onPress","children","disabled","variant","size","style","textStyle","icon","iconPosition","loading","loadingColor","accessibilityLabel","accessibilityHint","hitSlop","activeOpacity","testID","className","theme","useTheme","hasScaleFeedback","isInteractionBlocked","scaleAnim","onPressIn","onPressOut","usePressAnimation","undefined","baseStyles","useMemo","sizeConfig","styles","alignItems","justifyContent","flexDirection","overflow","backgroundColor","colors","primary","borderRadius","borderWidth","borderColor","border","padding","width","height","resolvedTextColor","card","text","computedTextStyle","fontWeight","Platform","OS","color","defaultHitSlop","resolvedActiveOpacity","resolvedClassName","content","jsxs","Fragment","jsx","Text","Animated","View","transform","scale","Pressable","pressed","opacity","accessibilityRole","accessibilityState","busy","loadingHiddenContent","importantForAccessibility","accessibilityElementsHidden","loadingOverlay","ActivityIndicator","StyleSheet","create","pointerEvents","absoluteFillObject","Button","exports","memo","displayName","PrimaryButton","props","SecondaryButton","IconButton","GhostButton","InverseButton","TextButton"],"sourceRoot":"../../../src","sources":["button/Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/theme/set-color-scheme-safe.js

@@ -7,15 +7,33 @@ exports.setColorSchemeSafe = setColorSchemeSafe;
 var _reactNative = require("react-native");
 /**
  * Safely set the color scheme via Appearance API.
- * On Android (RN 0.83+), Appearance.setColorScheme has a Kotlin non-null
- * annotation on `style`. Passing null for 'system' crashes.
- * Workaround: resolve the system preference and pass 'light'/'dark' instead.
  *
- * On react-native-web, Appearance.setColorScheme is not implemented at all
- * (it's `undefined`), which crashes with "setColorScheme is not a function".
- * Appearance.getColorScheme() still works on web, so reading the system
- * preference is fine — it's only the setter that's missing. The browser /
- * electron controls the color scheme anyway, so we just bail out on web.
+ * Behavior by mode:
+ * - 'light' / 'dark': set the explicit override.
+ * - 'system' / 'adaptive': leave the OS in control. We must NOT call
+ *   Appearance.setColorScheme(resolved) here — doing so installs an
+ *   app-level override that masks the OS preference. Once that override
+ *   is set, useColorScheme() / Appearance.getColorScheme() return the
+ *   frozen override instead of the live OS value, and the app stops
+ *   following dark↔light OS toggles until a cold restart.
+ *
+ *   On iOS we additionally pass 'unspecified' to clear any prior
+ *   override that may have been installed by a previous explicit mode.
+ *   'unspecified' is the documented sentinel that tells the native
+ *   Appearance module to fall back to the OS preference. (RN's JS
+ *   implementation forwards this straight through to the native
+ *   bridge; on iOS this clears the override.)
+ *
+ *   On Android (RN 0.83+) the native Kotlin signature has @NonNull on
+ *   `style` and rejects null, and 'unspecified' is not honored as a
+ *   clear-override sentinel on Android either. As a result, if a user
+ *   previously selected 'light' or 'dark' and then switches back to
+ *   'system' on Android, the override remains until the next cold
+ *   restart. Users who never explicitly overrode are unaffected because
+ *   we never install an override in system mode in the first place.
+ *
+ * On react-native-web, Appearance.setColorScheme is not implemented at
+ * all; the browser controls the color scheme, so we bail out on web.
  */
 function setColorSchemeSafe(mode) {
   if (_reactNative.Platform.OS === 'web') {
@@ -23,10 +41,14 @@ function setColorSchemeSafe(mode) {
   }
   const effectiveMode = mode === 'adaptive' ? 'system' : mode;
   if (effectiveMode === 'system') {
-    const resolved = _reactNative.Appearance.getColorScheme() ?? 'light';
-    _reactNative.Appearance.setColorScheme(resolved);
-  } else {
-    _reactNative.Appearance.setColorScheme(effectiveMode);
+    // Clear any prior app-level override so useColorScheme() tracks the
+    // OS. iOS honors 'unspecified' as a sentinel to fall back to the
+    // system preference; Android does not (see note above).
+    if (_reactNative.Platform.OS === 'ios') {
+      _reactNative.Appearance.setColorScheme('unspecified');
+    }
+    return;
   }
+  _reactNative.Appearance.setColorScheme(effectiveMode);
 }
 //# sourceMappingURL=set-color-scheme-safe.js.map

package/lib/commonjs/theme/set-color-scheme-safe.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","setColorSchemeSafe","mode","Platform","OS","effectiveMode","resolved","Appearance","getColorScheme","setColorScheme"],"sourceRoot":"../../../src","sources":["theme/set-color-scheme-safe.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,kBAAkBA,CAACC,IAAe,EAAE;EAClD,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IACzB;EACF;EAEA,MAAMC,aAAa,GAAGH,IAAI,KAAK,UAAU,GAAG,QAAQ,GAAGA,IAAI;EAC3D,IAAIG,aAAa,KAAK,QAAQ,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,uBAAU,CAACC,cAAc,CAAC,CAAC,IAAI,OAAO;IACvDD,uBAAU,CAACE,cAAc,CAACH,QAAQ,CAAC;EACrC,CAAC,MAAM;IACLC,uBAAU,CAACE,cAAc,CAACJ,aAAa,CAAC;EAC1C;AACF","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","setColorSchemeSafe","mode","Platform","OS","effectiveMode","Appearance","setColorScheme"],"sourceRoot":"../../../src","sources":["theme/set-color-scheme-safe.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,kBAAkBA,CAACC,IAAe,EAAE;EAClD,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IACzB;EACF;EAEA,MAAMC,aAAa,GAAGH,IAAI,KAAK,UAAU,GAAG,QAAQ,GAAGA,IAAI;EAE3D,IAAIG,aAAa,KAAK,QAAQ,EAAE;IAC9B;IACA;IACA;IACA,IAAIF,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;MACzBE,uBAAU,CAACC,cAAc,CAAC,aAAa,CAAC;IAC1C;IACA;EACF;EAEAD,uBAAU,CAACC,cAAc,CAACF,aAAa,CAAC;AAC1C","ignoreList":[]}

package/lib/module/button/Button.js

@@ -1,10 +1,10 @@
 "use strict";
 
 import React, { useMemo, memo } from 'react';
-import { Pressable, Text, Platform, Animated } from 'react-native';
+import { ActivityIndicator, Animated, Platform, Pressable, StyleSheet, Text, View } from 'react-native';
 import { useTheme } from "../theme/use-theme.js";
 import { usePressAnimation } from "../hooks/usePressAnimation.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const SIZE_CONFIG = {
   small: {
     paddingVertical: 6,
@@ -43,6 +43,8 @@ const ButtonComponent = ({
   textStyle,
   icon,
   iconPosition = 'left',
+  loading = false,
+  loadingColor,
   accessibilityLabel,
   accessibilityHint,
   hitSlop,
@@ -52,11 +54,12 @@ const ButtonComponent = ({
 }) => {
   const theme = useTheme();
   const hasScaleFeedback = SCALE_VARIANTS.has(variant);
+  const isInteractionBlocked = disabled || loading;
   const {
     scaleAnim,
     onPressIn,
     onPressOut
-  } = usePressAnimation(hasScaleFeedback ? PRESS_SCALE : undefined);
+  } = usePressAnimation(hasScaleFeedback && !isInteractionBlocked ? PRESS_SCALE : undefined);
   const baseStyles = useMemo(() => {
     const sizeConfig = SIZE_CONFIG[size];
     const styles = {
@@ -103,68 +106,103 @@ const ButtonComponent = ({
     }
     return styles;
   }, [variant, size, theme]);
-  const computedTextStyle = useMemo(() => {
-    const sizeConfig = SIZE_CONFIG[size];
-    const styles = {
-      fontSize: sizeConfig.fontSize,
-      fontWeight: Platform.OS === 'web' ? 'bold' : '600'
-    };
+  const resolvedTextColor = useMemo(() => {
     switch (variant) {
       case 'primary':
-        styles.color = theme.colors.card;
-        break;
+        return theme.colors.card;
       case 'secondary':
-        styles.color = theme.colors.text;
-        break;
+        return theme.colors.text;
       case 'inverse':
-        styles.color = '#000000';
-        break;
+        return '#000000';
       case 'ghost':
       case 'text':
-        styles.color = theme.colors.primary;
-        break;
+        return theme.colors.primary;
+      case 'icon':
+      default:
+        return theme.colors.text;
     }
-    return styles;
-  }, [variant, size, theme]);
+  }, [variant, theme]);
+  const computedTextStyle = useMemo(() => {
+    const sizeConfig = SIZE_CONFIG[size];
+    return {
+      fontSize: sizeConfig.fontSize,
+      fontWeight: Platform.OS === 'web' ? 'bold' : '600',
+      color: resolvedTextColor
+    };
+  }, [size, resolvedTextColor]);
   const defaultHitSlop = variant === 'icon' ? ICON_HIT_SLOP : undefined;
   const resolvedActiveOpacity = activeOpacity ?? (variant === 'icon' ? 0.7 : 0.8);
   const resolvedClassName = className ?? (variant === 'icon' ? 'bg-background border border-border' : undefined);
+  const content = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [iconPosition === 'left' && icon, children != null && /*#__PURE__*/_jsx(Text, {
+      style: [computedTextStyle, textStyle],
+      children: children
+    }), iconPosition === 'right' && icon]
+  });
   return /*#__PURE__*/_jsx(Animated.View, {
     style: hasScaleFeedback ? {
       transform: [{
         scale: scaleAnim
       }]
     } : undefined,
-    children: /*#__PURE__*/_jsxs(Pressable, {
+    children: /*#__PURE__*/_jsx(Pressable, {
       ...(resolvedClassName ? {
         className: resolvedClassName
       } : {}),
       style: ({
         pressed
-      }) => [baseStyles, disabled && {
+      }) => [baseStyles, disabled && !loading && {
         opacity: 0.5
-      }, pressed && !hasScaleFeedback && {
+      }, pressed && !hasScaleFeedback && !isInteractionBlocked && {
         opacity: resolvedActiveOpacity
       }, style],
-      onPress: onPress,
-      onPressIn: onPressIn,
-      onPressOut: onPressOut,
-      disabled: disabled,
+      onPress: isInteractionBlocked ? undefined : onPress,
+      onPressIn: isInteractionBlocked ? undefined : onPressIn,
+      onPressOut: isInteractionBlocked ? undefined : onPressOut,
+      disabled: isInteractionBlocked,
       hitSlop: hitSlop ?? defaultHitSlop,
       accessibilityLabel: accessibilityLabel,
       accessibilityHint: accessibilityHint,
       accessibilityRole: "button",
-      accessibilityState: {
-        disabled
+      accessibilityState: loading ? {
+        disabled: isInteractionBlocked,
+        busy: true
+      } : {
+        disabled: isInteractionBlocked
       },
       testID: testID,
-      children: [iconPosition === 'left' && icon, children != null && /*#__PURE__*/_jsx(Text, {
-        style: [computedTextStyle, textStyle],
-        children: children
-      }), iconPosition === 'right' && icon]
+      children: loading ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.loadingHiddenContent,
+          importantForAccessibility: "no-hide-descendants",
+          accessibilityElementsHidden: true,
+          children: content
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.loadingOverlay,
+          children: /*#__PURE__*/_jsx(ActivityIndicator, {
+            size: "small",
+            color: loadingColor ?? resolvedTextColor
+          })
+        })]
+      }) : content
     })
   });
 };
+const styles = StyleSheet.create({
+  loadingHiddenContent: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    opacity: 0,
+    pointerEvents: 'none'
+  },
+  loadingOverlay: {
+    ...StyleSheet.absoluteFillObject,
+    alignItems: 'center',
+    justifyContent: 'center',
+    pointerEvents: 'none'
+  }
+});
 export const Button = /*#__PURE__*/memo(ButtonComponent);
 Button.displayName = 'Button';
 export const PrimaryButton = /*#__PURE__*/memo(props => /*#__PURE__*/_jsx(Button, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","memo","Pressable","Text","Platform","Animated","useTheme","usePressAnimation","jsx","_jsx","jsxs","_jsxs","SIZE_CONFIG","small","paddingVertical","paddingHorizontal","fontSize","minHeight","medium","large","ICON_HIT_SLOP","top","bottom","left","right","PRESS_SCALE","SCALE_VARIANTS","Set","ButtonComponent","onPress","children","disabled","variant","size","style","textStyle","icon","iconPosition","accessibilityLabel","accessibilityHint","hitSlop","activeOpacity","testID","className","theme","hasScaleFeedback","has","scaleAnim","onPressIn","onPressOut","undefined","baseStyles","sizeConfig","styles","alignItems","justifyContent","flexDirection","overflow","backgroundColor","colors","primary","borderRadius","borderWidth","borderColor","border","padding","width","height","computedTextStyle","fontWeight","OS","color","card","text","defaultHitSlop","resolvedActiveOpacity","resolvedClassName","View","transform","scale","pressed","opacity","accessibilityRole","accessibilityState","Button","displayName","PrimaryButton","props","SecondaryButton","IconButton","GhostButton","InverseButton","TextButton"],"sourceRoot":"../../../src","sources":["button/Button.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","memo","ActivityIndicator","Animated","Platform","Pressable","StyleSheet","Text","View","useTheme","usePressAnimation","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SIZE_CONFIG","small","paddingVertical","paddingHorizontal","fontSize","minHeight","medium","large","ICON_HIT_SLOP","top","bottom","left","right","PRESS_SCALE","SCALE_VARIANTS","Set","ButtonComponent","onPress","children","disabled","variant","size","style","textStyle","icon","iconPosition","loading","loadingColor","accessibilityLabel","accessibilityHint","hitSlop","activeOpacity","testID","className","theme","hasScaleFeedback","has","isInteractionBlocked","scaleAnim","onPressIn","onPressOut","undefined","baseStyles","sizeConfig","styles","alignItems","justifyContent","flexDirection","overflow","backgroundColor","colors","primary","borderRadius","borderWidth","borderColor","border","padding","width","height","resolvedTextColor","card","text","computedTextStyle","fontWeight","OS","color","defaultHitSlop","resolvedActiveOpacity","resolvedClassName","content","transform","scale","pressed","opacity","accessibilityRole","accessibilityState","busy","loadingHiddenContent","importantForAccessibility","accessibilityElementsHidden","loadingOverlay","create","pointerEvents","absoluteFillObject","Button","displayName","PrimaryButton","props","SecondaryButton","IconButton","GhostButton","InverseButton","TextButton"],"sourceRoot":"../../../src","sources":["button/Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/theme/set-color-scheme-safe.js

@@ -3,15 +3,33 @@
 import { Appearance, Platform } from 'react-native';
 /**
  * Safely set the color scheme via Appearance API.
- * On Android (RN 0.83+), Appearance.setColorScheme has a Kotlin non-null
- * annotation on `style`. Passing null for 'system' crashes.
- * Workaround: resolve the system preference and pass 'light'/'dark' instead.
  *
- * On react-native-web, Appearance.setColorScheme is not implemented at all
- * (it's `undefined`), which crashes with "setColorScheme is not a function".
- * Appearance.getColorScheme() still works on web, so reading the system
- * preference is fine — it's only the setter that's missing. The browser /
- * electron controls the color scheme anyway, so we just bail out on web.
+ * Behavior by mode:
+ * - 'light' / 'dark': set the explicit override.
+ * - 'system' / 'adaptive': leave the OS in control. We must NOT call
+ *   Appearance.setColorScheme(resolved) here — doing so installs an
+ *   app-level override that masks the OS preference. Once that override
+ *   is set, useColorScheme() / Appearance.getColorScheme() return the
+ *   frozen override instead of the live OS value, and the app stops
+ *   following dark↔light OS toggles until a cold restart.
+ *
+ *   On iOS we additionally pass 'unspecified' to clear any prior
+ *   override that may have been installed by a previous explicit mode.
+ *   'unspecified' is the documented sentinel that tells the native
+ *   Appearance module to fall back to the OS preference. (RN's JS
+ *   implementation forwards this straight through to the native
+ *   bridge; on iOS this clears the override.)
+ *
+ *   On Android (RN 0.83+) the native Kotlin signature has @NonNull on
+ *   `style` and rejects null, and 'unspecified' is not honored as a
+ *   clear-override sentinel on Android either. As a result, if a user
+ *   previously selected 'light' or 'dark' and then switches back to
+ *   'system' on Android, the override remains until the next cold
+ *   restart. Users who never explicitly overrode are unaffected because
+ *   we never install an override in system mode in the first place.
+ *
+ * On react-native-web, Appearance.setColorScheme is not implemented at
+ * all; the browser controls the color scheme, so we bail out on web.
  */
 export function setColorSchemeSafe(mode) {
   if (Platform.OS === 'web') {
@@ -19,10 +37,14 @@ export function setColorSchemeSafe(mode) {
   }
   const effectiveMode = mode === 'adaptive' ? 'system' : mode;
   if (effectiveMode === 'system') {
-    const resolved = Appearance.getColorScheme() ?? 'light';
-    Appearance.setColorScheme(resolved);
-  } else {
-    Appearance.setColorScheme(effectiveMode);
+    // Clear any prior app-level override so useColorScheme() tracks the
+    // OS. iOS honors 'unspecified' as a sentinel to fall back to the
+    // system preference; Android does not (see note above).
+    if (Platform.OS === 'ios') {
+      Appearance.setColorScheme('unspecified');
+    }
+    return;
   }
+  Appearance.setColorScheme(effectiveMode);
 }
 //# sourceMappingURL=set-color-scheme-safe.js.map

package/lib/module/theme/set-color-scheme-safe.js.map

@@ -1 +1 @@
-{"version":3,"names":["Appearance","Platform","setColorSchemeSafe","mode","OS","effectiveMode","resolved","getColorScheme","setColorScheme"],"sourceRoot":"../../../src","sources":["theme/set-color-scheme-safe.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AAGnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAACC,IAAe,EAAE;EAClD,IAAIF,QAAQ,CAACG,EAAE,KAAK,KAAK,EAAE;IACzB;EACF;EAEA,MAAMC,aAAa,GAAGF,IAAI,KAAK,UAAU,GAAG,QAAQ,GAAGA,IAAI;EAC3D,IAAIE,aAAa,KAAK,QAAQ,EAAE;IAC9B,MAAMC,QAAQ,GAAGN,UAAU,CAACO,cAAc,CAAC,CAAC,IAAI,OAAO;IACvDP,UAAU,CAACQ,cAAc,CAACF,QAAQ,CAAC;EACrC,CAAC,MAAM;IACLN,UAAU,CAACQ,cAAc,CAACH,aAAa,CAAC;EAC1C;AACF","ignoreList":[]}
+{"version":3,"names":["Appearance","Platform","setColorSchemeSafe","mode","OS","effectiveMode","setColorScheme"],"sourceRoot":"../../../src","sources":["theme/set-color-scheme-safe.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AAGnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAACC,IAAe,EAAE;EAClD,IAAIF,QAAQ,CAACG,EAAE,KAAK,KAAK,EAAE;IACzB;EACF;EAEA,MAAMC,aAAa,GAAGF,IAAI,KAAK,UAAU,GAAG,QAAQ,GAAGA,IAAI;EAE3D,IAAIE,aAAa,KAAK,QAAQ,EAAE;IAC9B;IACA;IACA;IACA,IAAIJ,QAAQ,CAACG,EAAE,KAAK,KAAK,EAAE;MACzBJ,UAAU,CAACM,cAAc,CAAC,aAAa,CAAC;IAC1C;IACA;EACF;EAEAN,UAAU,CAACM,cAAc,CAACD,aAAa,CAAC;AAC1C","ignoreList":[]}

package/lib/typescript/commonjs/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAK7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAkKtE,eAAO,MAAM,MAAM,yCAAwB,CAAC;AAG5C,eAAO,MAAM,aAAa,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAEpE,CAAC;AAGH,eAAO,MAAM,eAAe,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAEtE,CAAC;AAGH,eAAO,MAAM,UAAU,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAEjE,CAAC;AAGH,eAAO,MAAM,WAAW,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAElE,CAAC;AAGH,eAAO,MAAM,aAAa,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAEpE,CAAC;AAGH,eAAO,MAAM,UAAU,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAEjE,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAe7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AA0MtE,eAAO,MAAM,MAAM,yCAAwB,CAAC;AAG5C,eAAO,MAAM,aAAa,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAEpE,CAAC;AAGH,eAAO,MAAM,eAAe,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAEtE,CAAC;AAGH,eAAO,MAAM,UAAU,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAEjE,CAAC;AAGH,eAAO,MAAM,WAAW,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAElE,CAAC;AAGH,eAAO,MAAM,aAAa,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAEpE,CAAC;AAGH,eAAO,MAAM,UAAU,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAEjE,CAAC"}

package/lib/typescript/commonjs/button/types.d.ts

@@ -11,6 +11,17 @@ export interface ButtonProps {
     textStyle?: StyleProp<TextStyle>;
     icon?: React.ReactNode;
     iconPosition?: 'left' | 'right';
+    /**
+     * When true, displays a centered loading spinner overlay and prevents
+     * presses. Children remain in the layout (but visually hidden) so the
+     * button preserves its width. Use this for async actions like submit.
+     */
+    loading?: boolean;
+    /**
+     * Optional color override for the loading spinner. Defaults to the
+     * resolved button text color.
+     */
+    loadingColor?: string;
     accessibilityLabel?: string;
     accessibilityHint?: string;
     hitSlop?: {

package/lib/typescript/commonjs/button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5F,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEjC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEhC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACvE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5F,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEjC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEhC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACvE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/lib/typescript/commonjs/theme/set-color-scheme-safe.d.ts

@@ -1,15 +1,33 @@
 import type { ThemeMode } from './types';
 /**
  * Safely set the color scheme via Appearance API.
- * On Android (RN 0.83+), Appearance.setColorScheme has a Kotlin non-null
- * annotation on `style`. Passing null for 'system' crashes.
- * Workaround: resolve the system preference and pass 'light'/'dark' instead.
- *
- * On react-native-web, Appearance.setColorScheme is not implemented at all
- * (it's `undefined`), which crashes with "setColorScheme is not a function".
- * Appearance.getColorScheme() still works on web, so reading the system
- * preference is fine — it's only the setter that's missing. The browser /
- * electron controls the color scheme anyway, so we just bail out on web.
+ *
+ * Behavior by mode:
+ * - 'light' / 'dark': set the explicit override.
+ * - 'system' / 'adaptive': leave the OS in control. We must NOT call
+ *   Appearance.setColorScheme(resolved) here — doing so installs an
+ *   app-level override that masks the OS preference. Once that override
+ *   is set, useColorScheme() / Appearance.getColorScheme() return the
+ *   frozen override instead of the live OS value, and the app stops
+ *   following dark↔light OS toggles until a cold restart.
+ *
+ *   On iOS we additionally pass 'unspecified' to clear any prior
+ *   override that may have been installed by a previous explicit mode.
+ *   'unspecified' is the documented sentinel that tells the native
+ *   Appearance module to fall back to the OS preference. (RN's JS
+ *   implementation forwards this straight through to the native
+ *   bridge; on iOS this clears the override.)
+ *
+ *   On Android (RN 0.83+) the native Kotlin signature has @NonNull on
+ *   `style` and rejects null, and 'unspecified' is not honored as a
+ *   clear-override sentinel on Android either. As a result, if a user
+ *   previously selected 'light' or 'dark' and then switches back to
+ *   'system' on Android, the override remains until the next cold
+ *   restart. Users who never explicitly overrode are unaffected because
+ *   we never install an override in system mode in the first place.
+ *
+ * On react-native-web, Appearance.setColorScheme is not implemented at
+ * all; the browser controls the color scheme, so we bail out on web.
  */
 export declare function setColorSchemeSafe(mode: ThemeMode): void;
 //# sourceMappingURL=set-color-scheme-safe.d.ts.map

package/lib/typescript/commonjs/theme/set-color-scheme-safe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"set-color-scheme-safe.d.ts","sourceRoot":"","sources":["../../../../src/theme/set-color-scheme-safe.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,SAAS,QAYjD"}
+{"version":3,"file":"set-color-scheme-safe.d.ts","sourceRoot":"","sources":["../../../../src/theme/set-color-scheme-safe.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,SAAS,QAkBjD"}

package/lib/typescript/module/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAK7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAkKtE,eAAO,MAAM,MAAM,yCAAwB,CAAC;AAG5C,eAAO,MAAM,aAAa,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAEpE,CAAC;AAGH,eAAO,MAAM,eAAe,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAEtE,CAAC;AAGH,eAAO,MAAM,UAAU,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAEjE,CAAC;AAGH,eAAO,MAAM,WAAW,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAElE,CAAC;AAGH,eAAO,MAAM,aAAa,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAEpE,CAAC;AAGH,eAAO,MAAM,UAAU,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAEjE,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAe7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AA0MtE,eAAO,MAAM,MAAM,yCAAwB,CAAC;AAG5C,eAAO,MAAM,aAAa,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAEpE,CAAC;AAGH,eAAO,MAAM,eAAe,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAEtE,CAAC;AAGH,eAAO,MAAM,UAAU,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAEjE,CAAC;AAGH,eAAO,MAAM,WAAW,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAElE,CAAC;AAGH,eAAO,MAAM,aAAa,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAEpE,CAAC;AAGH,eAAO,MAAM,UAAU,oCAAgB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,6CAEjE,CAAC"}

package/lib/typescript/module/button/types.d.ts

@@ -11,6 +11,17 @@ export interface ButtonProps {
     textStyle?: StyleProp<TextStyle>;
     icon?: React.ReactNode;
     iconPosition?: 'left' | 'right';
+    /**
+     * When true, displays a centered loading spinner overlay and prevents
+     * presses. Children remain in the layout (but visually hidden) so the
+     * button preserves its width. Use this for async actions like submit.
+     */
+    loading?: boolean;
+    /**
+     * Optional color override for the loading spinner. Defaults to the
+     * resolved button text color.
+     */
+    loadingColor?: string;
     accessibilityLabel?: string;
     accessibilityHint?: string;
     hitSlop?: {

package/lib/typescript/module/button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5F,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEjC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEhC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACvE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5F,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEjC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEhC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACvE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/lib/typescript/module/theme/set-color-scheme-safe.d.ts

@@ -1,15 +1,33 @@
 import type { ThemeMode } from './types';
 /**
  * Safely set the color scheme via Appearance API.
- * On Android (RN 0.83+), Appearance.setColorScheme has a Kotlin non-null
- * annotation on `style`. Passing null for 'system' crashes.
- * Workaround: resolve the system preference and pass 'light'/'dark' instead.
- *
- * On react-native-web, Appearance.setColorScheme is not implemented at all
- * (it's `undefined`), which crashes with "setColorScheme is not a function".
- * Appearance.getColorScheme() still works on web, so reading the system
- * preference is fine — it's only the setter that's missing. The browser /
- * electron controls the color scheme anyway, so we just bail out on web.
+ *
+ * Behavior by mode:
+ * - 'light' / 'dark': set the explicit override.
+ * - 'system' / 'adaptive': leave the OS in control. We must NOT call
+ *   Appearance.setColorScheme(resolved) here — doing so installs an
+ *   app-level override that masks the OS preference. Once that override
+ *   is set, useColorScheme() / Appearance.getColorScheme() return the
+ *   frozen override instead of the live OS value, and the app stops
+ *   following dark↔light OS toggles until a cold restart.
+ *
+ *   On iOS we additionally pass 'unspecified' to clear any prior
+ *   override that may have been installed by a previous explicit mode.
+ *   'unspecified' is the documented sentinel that tells the native
+ *   Appearance module to fall back to the OS preference. (RN's JS
+ *   implementation forwards this straight through to the native
+ *   bridge; on iOS this clears the override.)
+ *
+ *   On Android (RN 0.83+) the native Kotlin signature has @NonNull on
+ *   `style` and rejects null, and 'unspecified' is not honored as a
+ *   clear-override sentinel on Android either. As a result, if a user
+ *   previously selected 'light' or 'dark' and then switches back to
+ *   'system' on Android, the override remains until the next cold
+ *   restart. Users who never explicitly overrode are unaffected because
+ *   we never install an override in system mode in the first place.
+ *
+ * On react-native-web, Appearance.setColorScheme is not implemented at
+ * all; the browser controls the color scheme, so we bail out on web.
  */
 export declare function setColorSchemeSafe(mode: ThemeMode): void;
 //# sourceMappingURL=set-color-scheme-safe.d.ts.map

package/lib/typescript/module/theme/set-color-scheme-safe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"set-color-scheme-safe.d.ts","sourceRoot":"","sources":["../../../../src/theme/set-color-scheme-safe.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,SAAS,QAYjD"}
+{"version":3,"file":"set-color-scheme-safe.d.ts","sourceRoot":"","sources":["../../../../src/theme/set-color-scheme-safe.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,SAAS,QAkBjD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/bloom",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "description": "Bloom UI — Oxy ecosystem component library for React Native + Expo + Web",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",

package/src/__tests__/Button.test.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Text } from 'react-native';
 import { render, fireEvent } from '@testing-library/react-native';
 
 import { BloomThemeProvider } from '../theme/BloomThemeProvider';
@@ -58,6 +59,40 @@ describe('Button', () => {
     const btn = getByTestId('dis-btn');
     expect(btn.props.accessibilityState).toEqual({ disabled: true });
   });
+
+  it('keeps children mounted when loading so width is preserved', () => {
+    const { UNSAFE_queryAllByType } = renderWithTheme(
+      <Button loading>Submit</Button>,
+    );
+    // The text node remains in the tree even though it is visually hidden.
+    const texts = UNSAFE_queryAllByType(Text);
+    const hasSubmit = texts.some((node) =>
+      Array.isArray(node.props.children)
+        ? node.props.children.includes('Submit')
+        : node.props.children === 'Submit',
+    );
+    expect(hasSubmit).toBe(true);
+  });
+
+  it('disables the underlying Pressable when loading', () => {
+    const { getByTestId } = renderWithTheme(
+      <Button testID="loading-btn" loading>
+        Submit
+      </Button>,
+    );
+    const btn = getByTestId('loading-btn');
+    expect(btn.props.disabled).toBe(true);
+  });
+
+  it('marks loading state via accessibilityState busy + disabled', () => {
+    const { getByTestId } = renderWithTheme(
+      <Button testID="busy-btn" loading>
+        Submit
+      </Button>,
+    );
+    const btn = getByTestId('busy-btn');
+    expect(btn.props.accessibilityState).toEqual({ disabled: true, busy: true });
+  });
 });
 
 describe('Button variants', () => {

package/src/button/Button.tsx

@@ -1,5 +1,15 @@
 import React, { useMemo, memo } from 'react';
-import { Pressable, Text, Platform, Animated, type ViewStyle, type TextStyle } from 'react-native';
+import {
+  ActivityIndicator,
+  Animated,
+  Platform,
+  Pressable,
+  StyleSheet,
+  Text,
+  View,
+  type TextStyle,
+  type ViewStyle,
+} from 'react-native';
 
 import { useTheme } from '../theme/use-theme';
 import { usePressAnimation } from '../hooks/usePressAnimation';
@@ -43,6 +53,8 @@ const ButtonComponent: React.FC<ButtonProps> = ({
   textStyle,
   icon,
   iconPosition = 'left',
+  loading = false,
+  loadingColor,
   accessibilityLabel,
   accessibilityHint,
   hitSlop,
@@ -52,8 +64,9 @@ const ButtonComponent: React.FC<ButtonProps> = ({
 }) => {
   const theme = useTheme();
   const hasScaleFeedback = SCALE_VARIANTS.has(variant);
+  const isInteractionBlocked = disabled || loading;
   const { scaleAnim, onPressIn, onPressOut } = usePressAnimation(
-    hasScaleFeedback ? PRESS_SCALE : undefined,
+    hasScaleFeedback && !isInteractionBlocked ? PRESS_SCALE : undefined,
   );
 
   const baseStyles = useMemo((): ViewStyle => {
@@ -106,67 +119,104 @@ const ButtonComponent: React.FC<ButtonProps> = ({
     return styles;
   }, [variant, size, theme]);
 
-  const computedTextStyle = useMemo((): TextStyle => {
-    const sizeConfig = SIZE_CONFIG[size];
-    const styles: TextStyle = {
-      fontSize: sizeConfig.fontSize,
-      fontWeight: Platform.OS === 'web' ? 'bold' : '600',
-    };
-
+  const resolvedTextColor = useMemo((): string => {
     switch (variant) {
       case 'primary':
-        styles.color = theme.colors.card;
-        break;
+        return theme.colors.card;
       case 'secondary':
-        styles.color = theme.colors.text;
-        break;
+        return theme.colors.text;
       case 'inverse':
-        styles.color = '#000000';
-        break;
+        return '#000000';
       case 'ghost':
       case 'text':
-        styles.color = theme.colors.primary;
-        break;
+        return theme.colors.primary;
+      case 'icon':
+      default:
+        return theme.colors.text;
     }
+  }, [variant, theme]);
 
-    return styles;
-  }, [variant, size, theme]);
+  const computedTextStyle = useMemo((): TextStyle => {
+    const sizeConfig = SIZE_CONFIG[size];
+    return {
+      fontSize: sizeConfig.fontSize,
+      fontWeight: Platform.OS === 'web' ? 'bold' : '600',
+      color: resolvedTextColor,
+    };
+  }, [size, resolvedTextColor]);
 
   const defaultHitSlop = variant === 'icon' ? ICON_HIT_SLOP : undefined;
   const resolvedActiveOpacity = activeOpacity ?? (variant === 'icon' ? 0.7 : 0.8);
   const resolvedClassName = className ?? (variant === 'icon' ? 'bg-background border border-border' : undefined);
 
+  const content = (
+    <>
+      {iconPosition === 'left' && icon}
+      {children != null && (
+        <Text style={[computedTextStyle, textStyle]}>{children}</Text>
+      )}
+      {iconPosition === 'right' && icon}
+    </>
+  );
+
   return (
     <Animated.View style={hasScaleFeedback ? { transform: [{ scale: scaleAnim }] } : undefined}>
       <Pressable
         {...(resolvedClassName ? { className: resolvedClassName } as Record<string, string> : {})}
         style={({ pressed }) => [
           baseStyles,
-          disabled && { opacity: 0.5 },
-          pressed && !hasScaleFeedback && { opacity: resolvedActiveOpacity },
+          disabled && !loading && { opacity: 0.5 },
+          pressed && !hasScaleFeedback && !isInteractionBlocked && { opacity: resolvedActiveOpacity },
           style,
         ]}
-        onPress={onPress}
-        onPressIn={onPressIn}
-        onPressOut={onPressOut}
-        disabled={disabled}
+        onPress={isInteractionBlocked ? undefined : onPress}
+        onPressIn={isInteractionBlocked ? undefined : onPressIn}
+        onPressOut={isInteractionBlocked ? undefined : onPressOut}
+        disabled={isInteractionBlocked}
         hitSlop={hitSlop ?? defaultHitSlop}
         accessibilityLabel={accessibilityLabel}
         accessibilityHint={accessibilityHint}
         accessibilityRole="button"
-        accessibilityState={{ disabled }}
+        accessibilityState={loading ? { disabled: isInteractionBlocked, busy: true } : { disabled: isInteractionBlocked }}
         testID={testID}
       >
-        {iconPosition === 'left' && icon}
-        {children != null && (
-          <Text style={[computedTextStyle, textStyle]}>{children}</Text>
+        {loading ? (
+          <>
+            <View
+              style={styles.loadingHiddenContent}
+              importantForAccessibility="no-hide-descendants"
+              accessibilityElementsHidden
+            >
+              {content}
+            </View>
+            <View style={styles.loadingOverlay}>
+              <ActivityIndicator size="small" color={loadingColor ?? resolvedTextColor} />
+            </View>
+          </>
+        ) : (
+          content
         )}
-        {iconPosition === 'right' && icon}
       </Pressable>
     </Animated.View>
   );
 };
 
+const styles = StyleSheet.create({
+  loadingHiddenContent: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    opacity: 0,
+    pointerEvents: 'none',
+  },
+  loadingOverlay: {
+    ...StyleSheet.absoluteFillObject,
+    alignItems: 'center',
+    justifyContent: 'center',
+    pointerEvents: 'none',
+  },
+});
+
 export const Button = memo(ButtonComponent);
 Button.displayName = 'Button';
 

package/src/button/types.ts

@@ -17,6 +17,18 @@ export interface ButtonProps {
   icon?: React.ReactNode;
   iconPosition?: 'left' | 'right';
 
+  /**
+   * When true, displays a centered loading spinner overlay and prevents
+   * presses. Children remain in the layout (but visually hidden) so the
+   * button preserves its width. Use this for async actions like submit.
+   */
+  loading?: boolean;
+  /**
+   * Optional color override for the loading spinner. Defaults to the
+   * resolved button text color.
+   */
+  loadingColor?: string;
+
   accessibilityLabel?: string;
   accessibilityHint?: string;
   hitSlop?: { top: number; bottom: number; left: number; right: number };

package/src/theme/set-color-scheme-safe.ts

@@ -3,15 +3,33 @@ import type { ThemeMode } from './types';
 
 /**
  * Safely set the color scheme via Appearance API.
- * On Android (RN 0.83+), Appearance.setColorScheme has a Kotlin non-null
- * annotation on `style`. Passing null for 'system' crashes.
- * Workaround: resolve the system preference and pass 'light'/'dark' instead.
  *
- * On react-native-web, Appearance.setColorScheme is not implemented at all
- * (it's `undefined`), which crashes with "setColorScheme is not a function".
- * Appearance.getColorScheme() still works on web, so reading the system
- * preference is fine — it's only the setter that's missing. The browser /
- * electron controls the color scheme anyway, so we just bail out on web.
+ * Behavior by mode:
+ * - 'light' / 'dark': set the explicit override.
+ * - 'system' / 'adaptive': leave the OS in control. We must NOT call
+ *   Appearance.setColorScheme(resolved) here — doing so installs an
+ *   app-level override that masks the OS preference. Once that override
+ *   is set, useColorScheme() / Appearance.getColorScheme() return the
+ *   frozen override instead of the live OS value, and the app stops
+ *   following dark↔light OS toggles until a cold restart.
+ *
+ *   On iOS we additionally pass 'unspecified' to clear any prior
+ *   override that may have been installed by a previous explicit mode.
+ *   'unspecified' is the documented sentinel that tells the native
+ *   Appearance module to fall back to the OS preference. (RN's JS
+ *   implementation forwards this straight through to the native
+ *   bridge; on iOS this clears the override.)
+ *
+ *   On Android (RN 0.83+) the native Kotlin signature has @NonNull on
+ *   `style` and rejects null, and 'unspecified' is not honored as a
+ *   clear-override sentinel on Android either. As a result, if a user
+ *   previously selected 'light' or 'dark' and then switches back to
+ *   'system' on Android, the override remains until the next cold
+ *   restart. Users who never explicitly overrode are unaffected because
+ *   we never install an override in system mode in the first place.
+ *
+ * On react-native-web, Appearance.setColorScheme is not implemented at
+ * all; the browser controls the color scheme, so we bail out on web.
  */
 export function setColorSchemeSafe(mode: ThemeMode) {
   if (Platform.OS === 'web') {
@@ -19,10 +37,16 @@ export function setColorSchemeSafe(mode: ThemeMode) {
   }
 
   const effectiveMode = mode === 'adaptive' ? 'system' : mode;
+
   if (effectiveMode === 'system') {
-    const resolved = Appearance.getColorScheme() ?? 'light';
-    Appearance.setColorScheme(resolved);
-  } else {
-    Appearance.setColorScheme(effectiveMode);
+    // Clear any prior app-level override so useColorScheme() tracks the
+    // OS. iOS honors 'unspecified' as a sentinel to fall back to the
+    // system preference; Android does not (see note above).
+    if (Platform.OS === 'ios') {
+      Appearance.setColorScheme('unspecified');
+    }
+    return;
   }
+
+  Appearance.setColorScheme(effectiveMode);
 }