orn-ui 0.2.10 → 0.3.0

package/lib/commonjs/atoms/PressableScale.js

@@ -6,15 +6,27 @@ Object.defineProperty(exports, "__esModule", {
 exports.PressableScale = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _Transition = require("./Transition");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** Short spring with almost no bounce: feedback arrives in ~100 ms (Doherty). */
+const PRESS_SPRING = {
+  speed: 50,
+  bounciness: 6
+};
 const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
 
 /**
  * PressableScale
- * Feedback táctil de "achicarse" al presionar, con Animated.spring de RN
- * (useNativeDriver: true — corre en el hilo nativo, sin coste de JS por frame).
- * No depende de reanimated: la librería entera es cero-dependencias.
+ * Tactile "shrink" feedback on press, with RN's Animated.spring
+ * (useNativeDriver: true — runs on the native thread, no JS cost per frame).
+ * Doesn't depend on reanimated: the whole library is zero-dependency.
+ *
+ * Gestalt, figure/ground: as it sinks, the pressed element separates for an
+ * instant from the rest and confirms what was touched (Doherty: immediate
+ * response). Announces itself as a button by default (`accessibilityRole` can
+ * be changed) and, when disabled, exposes `disabled` to the screen reader.
+ * With Reduce Motion it doesn't scale.
  */
 const PressableScale = exports.PressableScale = /*#__PURE__*/(0, _react.memo)(({
   scaleTo = 0.96,
@@ -23,15 +35,18 @@ const PressableScale = exports.PressableScale = /*#__PURE__*/(0, _react.memo)(({
   onPressIn,
   onPressOut,
   disabled,
+  accessibilityRole = 'button',
+  accessibilityState,
   ...props
 }) => {
   const scale = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
+  const reduceMotion = (0, _Transition.useReduceMotion)();
   const animateTo = value => {
+    if (reduceMotion) return;
     _reactNative.Animated.spring(scale, {
       toValue: value,
       useNativeDriver: true,
-      speed: 50,
-      bounciness: 6
+      ...PRESS_SPRING
     }).start();
   };
   const handlePressIn = e => {
@@ -44,6 +59,11 @@ const PressableScale = exports.PressableScale = /*#__PURE__*/(0, _react.memo)(({
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedPressable, {
     ...props,
+    accessibilityRole: accessibilityRole,
+    accessibilityState: {
+      ...accessibilityState,
+      disabled: !!disabled
+    },
     disabled: disabled,
     onPressIn: handlePressIn,
     onPressOut: handlePressOut,

package/lib/commonjs/atoms/PressableScale.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedPressable","Animated","createAnimatedComponent","Pressable","PressableScale","exports","memo","scaleTo","style","children","onPressIn","onPressOut","disabled","props","scale","useRef","Value","current","animateTo","value","spring","toValue","useNativeDriver","speed","bounciness","start","handlePressIn","handlePressOut","jsx","transform","displayName"],"sourceRoot":"../../../src","sources":["atoms/PressableScale.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOsB,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAStB,MAAMkB,iBAAiB,GAAGC,qBAAQ,CAACC,uBAAuB,CAACC,sBAAS,CAAC;;AAErE;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAG,IAAAE,WAAI,EAChC,CAAC;EAAEC,OAAO,GAAG,IAAI;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,UAAU;EAAEC,QAAQ;EAAE,GAAGC;AAA2B,CAAC,KAAK;EACvG,MAAMC,KAAK,GAAG,IAAAC,aAAM,EAAC,IAAId,qBAAQ,CAACe,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEnD,MAAMC,SAAS,GAAIC,KAAa,IAAK;IACnClB,qBAAQ,CAACmB,MAAM,CAACN,KAAK,EAAE;MACrBO,OAAO,EAAEF,KAAK;MACdG,eAAe,EAAE,IAAI;MACrBC,KAAK,EAAE,EAAE;MACTC,UAAU,EAAE;IACd,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC;EAED,MAAMC,aAAa,GAAI7C,CAAwB,IAAK;IAClD,IAAI,CAAC+B,QAAQ,EAAEM,SAAS,CAACX,OAAO,CAAC;IACjCG,SAAS,GAAG7B,CAAC,CAAC;EAChB,CAAC;EAED,MAAM8C,cAAc,GAAI9C,CAAwB,IAAK;IACnD,IAAI,CAAC+B,QAAQ,EAAEM,SAAS,CAAC,CAAC,CAAC;IAC3BP,UAAU,GAAG9B,CAAC,CAAC;EACjB,CAAC;EAED,oBACE,IAAAD,WAAA,CAAAgD,GAAA,EAAC5B,iBAAiB;IAAA,GACZa,KAAK;IACTD,QAAQ,EAAEA,QAAS;IACnBF,SAAS,EAAEgB,aAAc;IACzBf,UAAU,EAAEgB,cAAe;IAC3BnB,KAAK,EAAE,CAACA,KAAK,EAAE;MAAEqB,SAAS,EAAE,CAAC;QAAEf;MAAM,CAAC;IAAE,CAAC,CAAE;IAAAL,QAAA,EAE1CA;EAAQ,CACQ,CAAC;AAExB,CACF,CAAC;AACDL,cAAc,CAAC0B,WAAW,GAAG,gBAAgB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Transition","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PRESS_SPRING","speed","bounciness","AnimatedPressable","Animated","createAnimatedComponent","Pressable","PressableScale","exports","memo","scaleTo","style","children","onPressIn","onPressOut","disabled","accessibilityRole","accessibilityState","props","scale","useRef","Value","current","reduceMotion","useReduceMotion","animateTo","value","spring","toValue","useNativeDriver","start","handlePressIn","handlePressOut","jsx","transform","displayName"],"sourceRoot":"../../../src","sources":["atoms/PressableScale.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/atoms/ShinyText.js

@@ -25,15 +25,15 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
     flexDirection: 'row',
     flexWrap: 'wrap'
   },
-  // Sólo top/left: un absoluteFill estiraría la letra al ancho del grupo y la
-  // volvería a alinear. Anclada a la esquina cae exactamente sobre la de abajo.
+  // Only top/left: an absoluteFill would stretch the letter to the group's width
+  // and realign it. Anchored to the corner it lands exactly on the one below.
   overlay: {
     position: 'absolute',
     top: 0,
     left: 0
   },
-  // Una palabra y los espacios que la siguen: el salto de línea ocurre entre
-  // grupos, nunca entre las letras de una palabra.
+  // A word and the spaces that follow it: line breaks happen between
+  // groups, never between the letters of a word.
   group: {
     flexDirection: 'row'
   }
@@ -44,7 +44,7 @@ const ALIGN = {
   right: 'flex-end'
 };
 
-/** Una palabra con los espacios que la siguen, y el índice de su primera letra. */
+/** A word with the spaces that follow it, and the index of its first letter. */
 
 function toGroups(text) {
   const chars = Array.from(text);
@@ -55,8 +55,8 @@ function toGroups(text) {
     if (current.length === 0) start = index;
     current.push(char);
     const next = chars[index + 1];
-    // Cierra el grupo cuando termina la racha de espacios que sigue a la
-    // palabra: así el espacio viaja con ella y no abre línea por sí solo.
+    // Closes the group when the run of spaces following the word ends:
+    // that way the space travels with it and never starts a line on its own.
     const isSpace = /\s/.test(char);
     if (isSpace && next !== undefined && !/\s/.test(next)) {
       groups.push({
@@ -75,23 +75,23 @@ function toGroups(text) {
 
 /**
  * ShinyText
- * Una banda de luz recorre el texto de izquierda a derecha. Sin
- * `background-clip: text` ni máscaras —que React Native no tiene en el rango
- * soportado— el brillo se compone letra por letra: cada una lleva su color de
- * reposo y encima, superpuesta, la misma letra en el color del brillo con la
- * opacidad animada. La banda es una ventana de interpolación que se desplaza:
- * lo que cambia por frame es sólo `opacity`, o sea que la animación entera
- * corre en el hilo nativo y JS no participa de ningún frame.
+ * A band of light sweeps across the text from left to right. Without
+ * `background-clip: text` or masks —which React Native lacks in the supported
+ * range— the shine is composed letter by letter: each one carries its resting
+ * color and, overlaid on top, the same letter in the shine color with animated
+ * opacity. The band is a moving interpolation window: the only thing that
+ * changes per frame is `opacity`, which means the whole animation runs on the
+ * native thread and JS takes part in no frame.
  *
- * Gestalt, destino común: las letras se encienden en secuencia y con el mismo
- * ritmo, así que se leen como una sola cosa que se mueve —una palabra
- * iluminándose— y no como N letras parpadeando por su cuenta. Por eso el ancho
- * de banda es relativo al texto y no una cantidad fija de píxeles: un título
- * largo y uno corto tardan lo mismo y se perciben igual.
+ * Gestalt, common fate: the letters light up in sequence and at the same
+ * rhythm, so they read as one moving thing —a word lighting up— and not as N
+ * letters blinking on their own. That is why the band width is relative to
+ * the text and not a fixed number of pixels: a long title and a short one take
+ * the same time and are perceived the same.
  *
- * Con "reducir movimiento" activo, o con `animated={false}`, el texto se
- * renderiza plano en `shineColor` —legible, un solo nodo y seleccionable—
- * porque el efecto es decorativo y nada de lo que comunica está en el brillo.
+ * With "reduce motion" on, or with `animated={false}`, the text renders flat
+ * in `shineColor` —legible, a single node and selectable— because the effect
+ * is decorative and nothing it communicates lives in the shine.
  */
 const ShinyText = exports.ShinyText = /*#__PURE__*/(0, _react.memo)(({
   text,
@@ -111,9 +111,9 @@ const ShinyText = exports.ShinyText = /*#__PURE__*/(0, _react.memo)(({
   const reduceMotion = (0, _Transition.useReduceMotion)();
   const progress = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
   const base = color ?? theme.colors.textLight;
-  // El acento, no `text`: contra `textLight` la diferencia es sólo de
-  // luminancia y el barrido casi no se ve. El brillo cambia tono además de
-  // claridad, que es lo que hace legible el movimiento.
+  // The accent, not `text`: against `textLight` the difference is only in
+  // luminance and the sweep is barely visible. The shine changes hue as well
+  // as lightness, which is what makes the motion readable.
   const shine = shineColor ?? theme.colors.primary;
   const running = animated && !reduceMotion && text.length > 0;
   (0, _react.useEffect)(() => {
@@ -140,9 +140,9 @@ const ShinyText = exports.ShinyText = /*#__PURE__*/(0, _react.memo)(({
     });
   }
   const total = Array.from(text).length;
-  // La banda entra por la izquierda y sale por la derecha, así que el
-  // recorrido normalizado mide 1 + 2·spread. `half` es media banda en esa
-  // escala: el tramo de progreso que una letra tarda en encenderse.
+  // The band enters on the left and exits on the right, so the normalized
+  // path measures 1 + 2·spread. `half` is half a band on that scale: the
+  // stretch of progress a letter takes to light up.
   const half = spread / (1 + 2 * spread);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     testID: testID,
@@ -157,7 +157,7 @@ const ShinyText = exports.ShinyText = /*#__PURE__*/(0, _react.memo)(({
       children: group.chars.map((char, offset) => {
         const index = group.start + offset;
         const position = total === 1 ? 0.5 : index / (total - 1);
-        // Progreso en el que el centro de la banda cae sobre esta letra.
+        // Progress at which the center of the band falls on this letter.
         const peak = (position + spread) / (1 + 2 * spread);
         const charStyle = [styles.text, style];
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {

package/lib/commonjs/atoms/Skeleton.js

@@ -8,22 +8,32 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _createStyles = require("../theme/createStyles");
 var _UIProvider = require("../theme/UIProvider");
+var _Transition = require("./Transition");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** Half a pulse cycle (opaque → faint). A loading loop, not a transition: it doesn't come from `duration`. */const PULSE_HALF_MS = 700;
 const useStyles = (0, _createStyles.createStyles)(theme => ({
   block: {
     backgroundColor: theme.colors.skeleton
   },
-  lines: {
-    gap: theme.tokens.spacing.sm
+  // Each line takes exactly `lineHeight.md` (Body's): a `fontSize.md` bar
+  // plus half the leading above and below. That way the fake paragraph
+  // measures the same as the real one and nothing jumps when the content arrives.
+  textLine: {
+    marginVertical: (theme.tokens.lineHeight.md - theme.tokens.fontSize.md) / 2
   }
 }));
 
 /**
  * Skeleton
- * Placeholder que late mientras llega el contenido real. Reserva el espacio
- * exacto de lo que reemplaza, así la pantalla no salta cuando aparecen los
- * datos — que es justamente lo que un Spinner centrado no puede hacer.
+ * Placeholder that pulses while the real content arrives. It reserves the
+ * exact space of what it replaces, so the screen doesn't jump when the data
+ * shows up — which is precisely what a centered Spinner can't do.
+ *
+ * Gestalt, similarity: the silhouette repeats the shape and size of the
+ * content (a circle for avatars, Body-height lines for text), so the eye
+ * already groups the screen before the data arrives. Respects Reduce Motion:
+ * no pulse, a static block.
  */
 const Skeleton = exports.Skeleton = /*#__PURE__*/(0, _react.memo)(({
   width = '100%',
@@ -38,32 +48,37 @@ const Skeleton = exports.Skeleton = /*#__PURE__*/(0, _react.memo)(({
 }) => {
   const theme = (0, _UIProvider.useTheme)();
   const styles = useStyles();
+  const reduceMotion = (0, _Transition.useReduceMotion)();
+  const pulsing = animated && !reduceMotion;
   const pulse = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
   (0, _react.useEffect)(() => {
-    if (!animated) return;
+    if (!pulsing) return;
     const loop = _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(pulse, {
       toValue: 1,
-      duration: 700,
+      duration: PULSE_HALF_MS,
       useNativeDriver: true,
       easing: _reactNative.Easing.inOut(_reactNative.Easing.quad)
     }), _reactNative.Animated.timing(pulse, {
       toValue: 0,
-      duration: 700,
+      duration: PULSE_HALF_MS,
       useNativeDriver: true,
       easing: _reactNative.Easing.inOut(_reactNative.Easing.quad)
     })]));
     loop.start();
-    return () => loop.stop();
-  }, [animated, pulse]);
+    return () => {
+      loop.stop();
+      pulse.setValue(0);
+    };
+  }, [pulsing, pulse]);
   const isCircle = variant === 'circle';
   const isText = variant === 'text';
-  const opacity = animated ? pulse.interpolate({
+  const opacity = pulsing ? pulse.interpolate({
     inputRange: [0, 1],
     outputRange: [1, 0.4]
   }) : 1;
   const resolvedHeight = isCircle ? width : isText ? theme.tokens.fontSize.md : height;
   const resolvedRadius = radius ?? (isCircle ? theme.tokens.radius.full : isText ? theme.tokens.radius.xs : theme.tokens.radius.sm);
-  const barStyle = barWidth => [styles.block, {
+  const barStyle = barWidth => [styles.block, isText && styles.textLine, {
     width: barWidth,
     height: resolvedHeight,
     borderRadius: resolvedRadius,
@@ -75,7 +90,7 @@ const Skeleton = exports.Skeleton = /*#__PURE__*/(0, _react.memo)(({
   };
   if (isText && lines > 1) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.lines, style],
+      style: style,
       testID: testID,
       ...a11y,
       children: Array.from({

package/lib/commonjs/atoms/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","block","backgroundColor","colors","skeleton","lines","gap","tokens","spacing","sm","Skeleton","exports","memo","width","height","variant","radius","lastLineWidth","animated","style","testID","useTheme","styles","pulse","useRef","Animated","Value","current","useEffect","loop","sequence","timing","toValue","duration","useNativeDriver","easing","Easing","inOut","quad","start","stop","isCircle","isText","opacity","interpolate","inputRange","outputRange","resolvedHeight","fontSize","md","resolvedRadius","full","xs","barStyle","barWidth","borderRadius","a11y","accessibilityElementsHidden","importantForAccessibility","jsx","View","children","Array","from","length","_","displayName"],"sourceRoot":"../../../src","sources":["atoms/Skeleton.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Transition","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PULSE_HALF_MS","useStyles","createStyles","theme","block","backgroundColor","colors","skeleton","textLine","marginVertical","tokens","lineHeight","md","fontSize","Skeleton","exports","memo","width","height","variant","radius","lines","lastLineWidth","animated","style","testID","useTheme","styles","reduceMotion","useReduceMotion","pulsing","pulse","useRef","Animated","Value","current","useEffect","loop","sequence","timing","toValue","duration","useNativeDriver","easing","Easing","inOut","quad","start","stop","setValue","isCircle","isText","opacity","interpolate","inputRange","outputRange","resolvedHeight","resolvedRadius","full","xs","sm","barStyle","barWidth","borderRadius","a11y","accessibilityElementsHidden","importantForAccessibility","jsx","View","children","Array","from","length","_","displayName"],"sourceRoot":"../../../src","sources":["atoms/Skeleton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/atoms/Spinner.js

@@ -10,6 +10,11 @@ var _createStyles = require("../theme/createStyles");
 var _UIProvider = require("../theme/UIProvider");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// Rhythm of the looping indicators. They are not UI transitions (those use
+// theme.tokens.duration): they are the pulse of a continuous animation.
+const DOT_PULSE_MS = 320;
+const DOT_STAGGER_MS = 140;
+const RING_TURN_MS = 900;
 const useStyles = (0, _createStyles.createStyles)(theme => ({
   container: {
     justifyContent: 'center',
@@ -21,33 +26,36 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
     color: theme.colors.textLight,
     fontSize: theme.tokens.fontSize.md
   },
+  logo: {
+    marginBottom: theme.tokens.spacing.xl
+  },
   dots: {
     flexDirection: 'row',
     gap: theme.tokens.spacing.sm
   }
 }));
 
-/** Tres puntos que laten en secuencia. Animated + useNativeDriver: corre en el hilo nativo. */
+/** Three dots that pulse in sequence. Animated + useNativeDriver: runs on the native thread. */
 const DotsIndicator = /*#__PURE__*/(0, _react.memo)(({
   color,
   dotSize
 }) => {
   const dots = [(0, _react.useRef)(new _reactNative.Animated.Value(0)).current, (0, _react.useRef)(new _reactNative.Animated.Value(0)).current, (0, _react.useRef)(new _reactNative.Animated.Value(0)).current];
   (0, _react.useEffect)(() => {
-    const animations = dots.map((dot, i) => _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.delay(i * 140), _reactNative.Animated.timing(dot, {
+    const animations = dots.map((dot, i) => _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.delay(i * DOT_STAGGER_MS), _reactNative.Animated.timing(dot, {
       toValue: 1,
-      duration: 320,
+      duration: DOT_PULSE_MS,
       useNativeDriver: true,
       easing: _reactNative.Easing.out(_reactNative.Easing.quad)
     }), _reactNative.Animated.timing(dot, {
       toValue: 0,
-      duration: 320,
+      duration: DOT_PULSE_MS,
       useNativeDriver: true,
       easing: _reactNative.Easing.in(_reactNative.Easing.quad)
-    }), _reactNative.Animated.delay((2 - i) * 140)])));
+    }), _reactNative.Animated.delay((2 - i) * DOT_STAGGER_MS)])));
     animations.forEach(a => a.start());
-    // Sin stop() los loops siguen corriendo tras desmontar y mantienen vivo
-    // el árbol de Animated.
+    // Without stop() the loops keep running after unmount and keep the
+    // Animated tree alive.
     return () => animations.forEach(a => a.stop());
   }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
@@ -77,7 +85,12 @@ const DotsIndicator = /*#__PURE__*/(0, _react.memo)(({
 });
 DotsIndicator.displayName = 'DotsIndicator';
 
-/** Anillo que gira: un borde con un solo lado coloreado. */
+/**
+ * Spinning ring: a faint fixed track and, on top, an arc (a single side of
+ * the border) that spins. The track uses `opacity` instead of appending alpha
+ * to the color (`color + '33'`), which only worked with 6-digit hex and broke
+ * with `rgb()` or color names.
+ */
 const RingIndicator = /*#__PURE__*/(0, _react.memo)(({
   color,
   diameter
@@ -86,31 +99,64 @@ const RingIndicator = /*#__PURE__*/(0, _react.memo)(({
   (0, _react.useEffect)(() => {
     const animation = _reactNative.Animated.loop(_reactNative.Animated.timing(spin, {
       toValue: 1,
-      duration: 900,
+      duration: RING_TURN_MS,
       useNativeDriver: true,
       easing: _reactNative.Easing.linear
     }));
     animation.start();
     return () => animation.stop();
   }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+  const ring = {
+    width: diameter,
+    height: diameter,
+    borderRadius: diameter / 2,
+    borderWidth: Math.max(2, diameter / 10)
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: {
       width: diameter,
-      height: diameter,
-      borderRadius: diameter / 2,
-      borderWidth: Math.max(2, diameter / 10),
-      borderColor: color + '33',
-      borderTopColor: color,
-      transform: [{
-        rotate: spin.interpolate({
-          inputRange: [0, 1],
-          outputRange: ['0deg', '360deg']
-        })
+      height: diameter
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [ring, {
+        position: 'absolute',
+        borderColor: color,
+        opacity: 0.2
       }]
-    }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      style: [ring, {
+        borderColor: 'transparent',
+        borderTopColor: color,
+        transform: [{
+          rotate: spin.interpolate({
+            inputRange: [0, 1],
+            outputRange: ['0deg', '360deg']
+          })
+        }]
+      }]
+    })]
   });
 });
 RingIndicator.displayName = 'RingIndicator';
+
+/**
+ * Spinner
+ * Indeterminate loading indicator, with optional text below.
+ *
+ * Gestalt:
+ * - Common fate: the three `dots` pulse in sequence, at the same rhythm, and
+ *   read as a single indicator moving forward.
+ * - Proximity: the text sits `spacing.md` from the indicator, so it reads as
+ *   its explanation and not as loose text on the screen. The `logo` sits
+ *   further away (`spacing.xl`): it is the screen's brand, not part of the indicator.
+ * - Focal point: with `logo`, the logo is the first thing seen and the
+ *   indicator stays as a secondary signal that the app is loading.
+ *
+ * Accessibility: it is announced as a busy `progressbar`, with `text` (or
+ * `labels.loading`) as its name. The animation doesn't stop with Reduce
+ * Motion: it is the signal that something is happening, like the system's
+ * ActivityIndicator.
+ */
 const Spinner = exports.Spinner = /*#__PURE__*/(0, _react.memo)(({
   size = 'large',
   color,
@@ -118,9 +164,12 @@ const Spinner = exports.Spinner = /*#__PURE__*/(0, _react.memo)(({
   fullscreen = true,
   variant = 'native',
   indicator,
+  logo,
+  accessibilityLabel,
   testID
 }) => {
   const colors = (0, _UIProvider.useColors)();
+  const labels = (0, _UIProvider.useLabels)();
   const styles = useStyles();
   const allowFontScaling = (0, _UIProvider.useAllowFontScaling)();
   const resolvedColor = color || colors.primary;
@@ -145,7 +194,17 @@ const Spinner = exports.Spinner = /*#__PURE__*/(0, _react.memo)(({
       flex: 1
     }],
     testID: testID,
-    children: [renderIndicator(), text && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    accessible: true,
+    accessibilityRole: "progressbar",
+    accessibilityLabel: accessibilityLabel ?? (text || labels.loading),
+    accessibilityState: {
+      busy: true
+    },
+    accessibilityLiveRegion: "polite",
+    children: [logo != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.logo,
+      children: logo
+    }), renderIndicator(), !!text && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       allowFontScaling: allowFontScaling,
       style: styles.text,
       children: text

package/lib/commonjs/atoms/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","container","justifyContent","alignItems","padding","tokens","spacing","xl","text","marginTop","md","color","colors","textLight","fontSize","dots","flexDirection","gap","sm","DotsIndicator","memo","dotSize","useRef","Animated","Value","current","useEffect","animations","map","dot","loop","sequence","delay","timing","toValue","duration","useNativeDriver","easing","Easing","out","quad","in","forEach","a","start","stop","jsx","View","style","children","width","height","borderRadius","backgroundColor","opacity","interpolate","inputRange","outputRange","transform","scale","displayName","RingIndicator","diameter","spin","animation","linear","borderWidth","Math","max","borderColor","borderTopColor","rotate","Spinner","exports","size","fullscreen","variant","indicator","testID","useColors","styles","allowFontScaling","useAllowFontScaling","resolvedColor","primary","renderIndicator","ActivityIndicator","jsxs","flex","Text"],"sourceRoot":"../../../src","sources":["atoms/Spinner.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DOT_PULSE_MS","DOT_STAGGER_MS","RING_TURN_MS","useStyles","createStyles","theme","container","justifyContent","alignItems","padding","tokens","spacing","xl","text","marginTop","md","color","colors","textLight","fontSize","logo","marginBottom","dots","flexDirection","gap","sm","DotsIndicator","memo","dotSize","useRef","Animated","Value","current","useEffect","animations","map","dot","loop","sequence","delay","timing","toValue","duration","useNativeDriver","easing","Easing","out","quad","in","forEach","a","start","stop","jsx","View","style","children","width","height","borderRadius","backgroundColor","opacity","interpolate","inputRange","outputRange","transform","scale","displayName","RingIndicator","diameter","spin","animation","linear","ring","borderWidth","Math","max","jsxs","position","borderColor","borderTopColor","rotate","Spinner","exports","size","fullscreen","variant","indicator","accessibilityLabel","testID","useColors","labels","useLabels","styles","allowFontScaling","useAllowFontScaling","resolvedColor","primary","renderIndicator","ActivityIndicator","flex","accessible","accessibilityRole","loading","accessibilityState","busy","accessibilityLiveRegion","Text"],"sourceRoot":"../../../src","sources":["atoms/Spinner.tsx"],"mappings":"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","ignoreList":[]}